HTML Entity for Lowercase U Diaeresis Macron (ǖ)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+01D6

What You'll Learn

How to display the lowercase u with diaeresis and macron (ǖ) in HTML using hexadecimal, decimal, and CSS escape methods. This character is U+01D6 in the Latin Extended-B block. It combines the letter u with a diaeresis (two dots) and a macron (overline), and represents the first tone of ü in Hanyu Pinyin tone charts and linguistic notation.

Render it with ǖ, ǖ, or CSS escape \01D6. There is no named HTML entity for this character. In UTF-8 documents you can also type ǖ directly.

⚡ Quick Reference — Lowercase U Diaeresis Macron Entity

Unicode U+01D6

Latin Extended-B

Hex Code ǖ

Hexadecimal reference

HTML Code ǖ

Decimal reference

Named Entity

No named entity

Reference Table
Name           Value
────────────   ──────────
Unicode        U+01D6
Hex code       ǖ
HTML code      ǖ
Named entity   (none)
CSS code       \01D6
Meaning        Latin small letter u with diaeresis and macron
Related        U+01D5 = Ǖ (uppercase)
Block          Latin Extended-B (U+0180–U+024F)
1

Complete HTML Example

A simple example showing the lowercase u diaeresis macron (ǖ) using hexadecimal code, decimal HTML code, the character directly, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\01D6";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x01D6;</p>
<p>Symbol (decimal): &#470;</p>
<p>Symbol (direct): ǖ</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase u diaeresis macron (ǖ) is supported in all modern browsers as part of Latin Extended-B:

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

👀 Live Preview

See the lowercase u diaeresis macron (ǖ) in language and content contexts:

Large glyphǖ
PinyinFirst-tone ü in tone charts — tone series: ǖ ǘ ǚ ǜ
Unicode nameLatin small letter u with diaeresis and macron
UppercaseǕ (U+01D5) — LATIN CAPITAL LETTER U WITH DIAERESIS AND MACRON
Not the same asü (diaeresis only, &uuml;)  |  ǔ (caron only)  |  ǘ (diaeresis + acute)
Numeric refs&#x01D6; &#470; \01D6

🧠 How It Works

1

Hexadecimal Code

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

HTML markup
2

Decimal HTML Code

&#470; uses the decimal Unicode value 470 to display the same character. A common method when a numeric reference is needed.

HTML markup
3

Direct Character

Type ǖ directly in HTML when your document uses UTF-8 encoding. There is no named entity for this combined diacritic symbol.

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All methods produce the glyph: ǖ. Unicode U+01D6 sits in Latin Extended-B. Uppercase equivalent: U+01D5 (Ǖ). Do not confuse with ü (diaeresis only), ǘ (diaeresis + acute), or other precomposed ü-tone letters in the U+01D6–U+01DC range.

Use Cases

The lowercase u diaeresis macron (ǖ) is commonly used in:

🇨🇳 Hanyu Pinyin

Represents the first tone of ü in Pinyin tone charts and reference material (ǖ ǘ ǚ ǜ).

📚 Language Learning

Chinese courses, textbooks, and apps teaching the four tones of ü with precomposed Unicode letters.

📝 Linguistics & Phonology

Phonetic transcription and linguistic descriptions using u with both diaeresis and macron marking.

🌐 Transliteration

Romanization systems and dictionaries requiring extended Latin characters with combined diacritics.

📄 Academic Content

Papers, character charts, and language resources requiring precise precomposed character representation.

♿ Accessibility

Using the correct character (U+01D6) with lang="zh-Latn" helps assistive technologies interpret Pinyin correctly.

⚙ Programmatic HTML

When building HTML from Pinyin data, using &#470; or &#x01D6; guarantees correct output.

💡 Best Practices

Do

  • Serve pages as UTF-8; you can type ǖ directly in UTF-8 source
  • Use numeric references (&#x01D6; or &#470;) when escaping is required
  • Use \01D6 in CSS content when generating the symbol via pseudo-elements
  • Use fonts that support Latin Extended-B characters (U+0180–U+024F)
  • Distinguish ǖ from ü (diaeresis only) and other ü-tone letters (ǘ, ǚ, ǜ)

Don’t

  • Confuse ǖ with ü (&uuml;) or plain u with separate accent markup when the precomposed character is required
  • Expect a named HTML entity—none exists for ǖ
  • Use the old incorrect CSS escape \001D6—the correct value is \01D6
  • Put CSS escape \01D6 in HTML text nodes
  • Double-encode numeric references in dynamically generated HTML

Key Takeaways

1

Type ǖ directly, or use hex/decimal references

&#x01D6; &#470;
2

For CSS stylesheets, use the escape in the content property

\01D6
3

Unicode U+01D6 — LATIN SMALL LETTER U WITH DIAERESIS AND MACRON

4

Pinyin first-tone ü in tone charts; uppercase is Ǖ (U+01D5)

❓ Frequently Asked Questions

Use &#x01D6; (hex), &#470; (decimal), or \01D6 in CSS content. There is no named HTML entity for ǖ. In UTF-8 you can also type ǖ directly.
U+01D6 (LATIN SMALL LETTER U WITH DIAERESIS AND MACRON). Latin Extended-B block. Hex 01D6, decimal 470. Represents the first tone of ü in Hanyu Pinyin tone charts. Uppercase form is U+01D5 (Ǖ).
When displaying Hanyu Pinyin with the first-tone ü, Chinese language learning materials, linguistic notation, transliteration systems, or any content requiring u with both diaeresis and macron.
No. There is no named HTML entity for ǖ. Use numeric codes &#470; or &#x01D6;, or the CSS entity \01D6. Do not confuse with &uuml; (U+00FC), which is u with diaeresis only.
HTML code (&#470; or &#x01D6;) is used in HTML content; CSS entity \01D6 is used in stylesheets in the content property of pseudo-elements. Both produce ǖ.

Explore More HTML Entities!

Discover 1500+ HTML character references — letters, 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.

8 people found this page helpful