HTML Entity for Uppercase Dz (DZ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+01F1
HTML Entity for Uppercase Dz tutorial illustration

What You'll Learn

How to display the uppercase Dz ligature (DZ) in HTML using hexadecimal, decimal, and CSS escape methods. Formally LATIN CAPITAL LETTER DZ, this digraph ligature is used in Croatian, Serbian, and other languages where D and Z combine as a single character. It is U+01F1 in the Latin Extended-B block.

Render it with DZ, DZ, or CSS escape \01F1. There is no named HTML entity for this character, so numeric codes or CSS must be used.

⚡ Quick Reference — Uppercase Dz Entity

Unicode U+01F1

Latin Extended-B

Hex Code DZ

Hexadecimal reference

HTML Code DZ

Decimal reference

Named Entity —

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+01F1
Hex code       DZ
HTML code      DZ
Named entity   (none)
CSS code       \01F1
Meaning        Latin capital letter Dz ligature
Related        U+01F2 = title case (Dz), U+01F3 = lowercase (dz)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the uppercase Dz ligature (DZ) using hexadecimal code, decimal HTML code, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\01F1";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x01F1;</p>
<p>Symbol (decimal): &#497;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The uppercase Dz ligature (DZ) renders correctly in modern browsers when UTF-8 is used:

Chrome1+
Firefox1+
Safari1+
Edge12+
Opera4+
Android4.4+
iOS Safari1+

👀 Live Preview

See the uppercase Dz ligature (DZ) and how it differs from related characters:

Large glyphDZ
Character typeLatin capital letter Dz ligature
Dz variantsDZ (DZ) / Dz (Dz) / dz (dz)
Not the same asseparate D+z or Ƌ (D topbar)
Numeric refs&#x01F1; &#497; \01F1

🧠 How It Works

1

Hexadecimal Code

&#x01F1; uses the Unicode hexadecimal value 01F1 to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#497; uses the decimal Unicode value 497 to display the same character. A common method for Latin Extended-B characters.

HTML markup
3

CSS Entity

\01F1 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All three methods produce the glyph: DZ. Unicode U+01F1 sits in Latin Extended-B. Related forms: U+01F2 (Dz title case) and U+01F3 (dz lowercase). Do not confuse DZ with separate D+z or other D variants. There is no named HTML entity.

✅

Use Cases

The uppercase Dz ligature (DZ) is commonly used in:

🇭🇷 Croatian

Croatian-language websites, documents, and content requiring the Dz ligature in proper orthography.

🇷🇺 Serbian

Serbian Latin-script content and localized text using DZ where the digraph is written as a ligature.

🔤 Linguistic documentation

Phonetic transcriptions, language research, and linguistic atlases using Dz ligatures.

🎨 Typography

Font design, character set documentation, and typographic projects with extended Latin ligatures.

📄 Academic publishing

Scholarly papers, dictionaries, and academic publications on Slavic and Balkan languages.

🌐 Multilingual sites

International websites and localization projects supporting Croatian and Serbian content.

📖 Character references

Unicode guides, encoding documentation, and technical references for special ligatures.

💡 Best Practices

Do

  • Use &#497; or &#x01F1; in HTML (no named entity exists)
  • Serve pages as UTF-8; you can also type DZ directly in UTF-8 source
  • Pick one style (hex or decimal) per project for consistency
  • Use fonts that support Latin Extended-B (U+0180–U+024F)
  • Distinguish DZ from separate D+z, Dz, dz, and other D variants

Don’t

  • Assume a named entity exists—there is none for DZ
  • Substitute plain Dz when DZ is required for orthographic accuracy
  • Confuse DZ (DZ ligature) with Dz (Dz) or dz (dz) when the wrong form is needed
  • Put CSS escape \01F1 in HTML text nodes
  • Assume all fonts render Latin Extended-B glyphs identically
  • Mix entity styles randomly in one file

Key Takeaways

1

Three references render DZ (no named entity)

&#x01F1; &#497;
2

For CSS stylesheets, use the escape in the content property

\01F1
3

Unicode U+01F1 — LATIN CAPITAL LETTER DZ

4

Essential for Croatian, Serbian, and i18n content

5

Previous: Uppercase D Topbar (Ƌ)   Next: Uppercase Dz Caron (DŽ)

❓ Frequently Asked Questions

Use &#x01F1; (hex), &#497; (decimal), or \01F1 in CSS content. There is no named HTML entity; use numeric codes or CSS.
U+01F1 (LATIN CAPITAL LETTER DZ). Latin Extended-B block. Hex 01F1, decimal 497. Used in Croatian, Serbian, and other languages with Dz digraph ligatures.
When writing Croatian, Serbian, or other language content, linguistic documentation, typographic design, academic papers, and any text requiring the Dz ligature character.
HTML code (&#497; or &#x01F1;) is used in HTML content. The CSS entity (\01F1) is used in CSS, e.g. in the content property of pseudo-elements. Both produce DZ but in different contexts.
Named HTML entities are mainly for ASCII, Latin-1, and common symbols. Latin Extended-B characters like DZ use numeric codes (hex or decimal) because they belong to specialized Unicode blocks. This is standard for extended Latin characters.

Explore More HTML Entities!

Discover 1500+ HTML character references — accented letters, phonetic symbols, and more.

All HTML Entities →

About the author

Mari Selvan M P
Mari Selvan M P 🔗

Developer, cloud engineer, and technical writer

  • Experience 12 years building web and cloud systems
  • Focus Full Stack Development, AWS, and Developer Education

I write practical tutorials so students and working developers can learn by doing—from databases and APIs to deployment on AWS.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Uppercase D Topbar (Ƌ) Uppercase Dz Caron (DŽ)