HTML Entity for Umlaut (¨)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+00A8

What Is the Umlaut Entity?

Umlaut (¨) is the Latin-1 Supplement character at Unicode U+00A8 (DIAERESIS). It is the spacing two-dot diacritical mark — useful in notation. For normal words, prefer precomposed letters like ü.

Remember
Character     ¨
Unicode       U+00A8
Hex entity    ¨
Decimal       ¨
Named entity  ¨ (alias ¨)
CSS escape    \A8
Not the same  U+0308 (combining) · ü (ü)

All of these produce the same glyph: ¨. Prefer ¨ when you want an explicit entity (names are case-sensitive — write it exactly).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity¨ / ¨HTML markup (best entity default)
Hex entity¨HTML markup
Decimal entity¨HTML markup
CSS escape\A8Stylesheet content
Direct character¨UTF-8 HTML text

When to Use Which

SituationUse
Readable HTML entity source¨
Need a numeric entity¨ or ¨
Generated text via ::before / ::aftercontent: "\A8"
Letter ü / ö / ä in proseUse ü, ö, ä
Combining mark on a base letterUse ̈ (U+0308)

Live Preview

Umlaut / diaeresis in common typography contexts.

Standalone mark Symbol ¨
Precomposed letters ä   ö   ü
Large glyph ¨
Named entity ¨ → ¨
With entities Hex: ¨ | Decimal: ¨ | Named: ¨

Complete HTML Example

One page that shows this symbol with hex, decimal, named, and CSS. Use View Output or open the live editor.

Hex + Decimal + Named + CSS

All four ways to produce ¨ in a single document (plus a precomposed letter sample).

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Umlaut (¨)</title>
  <style>
    #point::after {
      content: "\A8";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x00A8;</p>
  <p>Using HTML Code: &#168;</p>
  <p>Using Named Entity: &uml;</p>
  <p id="point">Using CSS Entity: </p>
  <p><code>&uuml;ber</code></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+00A8 → &#x00A8; in HTML. The browser turns it into ¨.

2. Decimal: same code point as 168 → &#168;. Same result as hex.

3. Named: &uml; is the HTML5 name (alias &die;) for this character.

4. CSS: use \A8 in content (not an HTML entity). #point::after appends that ¨ after the paragraph text.

5. Words: &uuml;ber uses the precomposed letter ü, which is usually better than stacking a base letter with &uml;.

Pitfalls & Tips

Common mistakes when working with Umlaut / Diaeresis.

Look-alikes

¨ ≠ combining ¨ ≠ ü

&uml; is a spacing mark. Combining diaeresis (U+0308) attaches to letters. &uuml; is a finished letter.

Name

Prefer &uml;

&die; is a valid alias. Both map to U+00A8 — write the name exactly.

Prose

Use precomposed letters in words

Write &uuml;ber, not u&uml;, for normal German text.

CSS vs HTML

Do not mix escapes

\A8 belongs in CSS. &uml; / &#x00A8; / &#168; belong in HTML.

A11y

Prefer real letters for content

Screen readers handle precomposed ü more reliably than decorative spacing marks.

Semicolon

End references

Always finish with ; — write &uml;, not &uml.

Browser Support

Umlaut / Diaeresis (U+00A8) and its entity forms (&uml;, &die;, &#x00A8;, &#168;, CSS \\A8) are supported in all modern browsers.

✓ Universal encoding

Umlaut (&uml;)

Encode with named, hex, decimal, or CSS escape — or type ¨ directly in UTF-8 HTML.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer IE 9+
Yes*
U+00A8 / &uml; Full support

Bottom line: Prefer &uml; for readable HTML. Use \\A8 only inside CSS content.

Key Takeaways

  • Unicode: this symbol is U+00A8 (decimal 168).
  • HTML: prefer &uml; (or &die;) — or use &#x00A8; / &#168;.
  • CSS: use \A8 inside content for generated text.
  • Watch out: spacing &uml; ≠ combining U+0308 ≠ precomposed &uuml;.

One line: U+00A8 → &uml; / &#x00A8; / &#168; / CSS \A8.

Frequently Asked Questions

Use &uml; or &die; (named), &#x00A8; (hex), &#168; (decimal), or the CSS escape \A8 in the content property. You can also type ¨ directly in UTF-8 HTML.
U+00A8 (DIAERESIS). Hex A8 / 00A8, decimal 168. It belongs to Latin-1 Supplement (U+0080–U+00FF).
Yes. &uml; is the primary HTML5 named entity (alias &die;). You can also use &#x00A8; or &#168;.
Use &uml; when you need the standalone spacing diaeresis mark in notation or teaching material. For German/Swedish words, prefer precomposed letters such as &auml;, &ouml;, and &uuml;.
HTML entities (&uml;, &#168;, or &#x00A8;) go in markup. The CSS escape \A8 is used in stylesheets (usually in the content property of ::before/::after). Both render ¨.
&uml; (U+00A8) is a spacing character that stands alone. Combining diaeresis (U+0308) attaches to the previous letter. &uuml; is the precomposed letter ü (U+00FC) — usually the best choice in normal text.

Did you know?

Umlaut (diaeresis) is Unicode U+00A8 (decimal 168) — DIAERESIS. HTML5 provides &uml; (alias &die;). Prefer it for readable source. This is a spacing mark. For real words, prefer precomposed letters like &uuml;. Do not confuse it with the combining diaeresis U+0308.

Next: Underscore

Learn the HTML entity for Underscore — next in this sequence.

Continue tutorial →

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