HTML Entity for Uppercase I Umlaut (Ï)
What You'll Learn
How to display the uppercase I with diaeresis/umlaut (Ï) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. Used in French and Dutch, it appears in capitalized words such as HAÏTI (Haiti), NAÏVE, and COÏNCIDENCE, indicating that the vowel is pronounced separately from the preceding letter. It is U+00CF in the Latin-1 Supplement block.
Render it with Ï, Ï, Ï, or CSS escape \00CF. The named entity Ï is often the most readable option in HTML source.
⚡ Quick Reference — Uppercase I Umlaut Entity
U+00CFLatin-1 Supplement
ÏHexadecimal reference
ÏDecimal reference
ÏMost readable option
Name Value
──────────── ──────────
Unicode U+00CF
Hex code Ï
HTML code Ï
Named entity Ï
CSS code \00CF
Meaning Latin capital letter I with diaeresis
Also known as I umlaut
Related U+00EF = ï (lowercase)
Block Latin-1 Supplement (U+0080–U+00FF)Complete HTML Example
A simple example showing the uppercase I umlaut (Ï) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\00CF";
}
</style>
</head>
<body>
<p>Symbol (hex): Ï</p>
<p>Symbol (decimal): Ï</p>
<p>Symbol (named): Ï</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>🌐 Browser Support
The uppercase I umlaut (Ï) and the named entity Ï are supported in all modern browsers:
👀 Live Preview
See the uppercase I umlaut (Ï) in French and Dutch contexts:
🧠 How It Works
Named Entity
Ï is the standard named entity for Ï—readable in source HTML and part of the HTML5 entity set.
Hexadecimal Code
Ï uses the Unicode hexadecimal value CF to display the character. The x prefix indicates hexadecimal format.
Decimal HTML Code
Ï uses the decimal Unicode value 207 to display the same character. One of the most commonly used methods in HTML.
CSS Entity
\00CF is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the glyph: Ï. Unicode U+00CF sits in Latin-1 Supplement. It decomposes to I (U+0049) + combining diaeresis (U+0308). Lowercase equivalent: U+00EF (ï). Do not confuse with plain I, Í (acute), or Ĩ (tilde).
Use Cases
The uppercase I umlaut (Ï) is commonly used in:
All-caps text and headings (e.g. HAÏTI, NAÏVE, COÏNCIDENCE) with correct diaeresis spelling.
Capitalized Dutch words where the diaeresis marks a vowel break in all-caps display.
Dictionaries, vocabulary apps, and pronunciation guides for French and Dutch.
Proper spelling of capitalized names (e.g. ANAÏS) and brands that use Ï in their spelling.
Websites and apps targeting French-speaking and Dutch-speaking audiences.
Books, articles, and editorial content with foreign words like NAÏVE in all-caps headings.
Accurate diacritics help screen readers pronounce words correctly.
💡 Best Practices
Do
- Use
Ïin HTML when possible for readability - Serve pages as UTF-8; you can also type Ï directly in UTF-8 source
- Set
lang="fr"orlang="nl"on relevant content - Use fonts that support Latin-1 Supplement characters
- Distinguish Ï (umlaut) from plain
I, Í (acute), and Ĩ (tilde)
Don’t
- Substitute plain
Iwhen Ï is required for correct spelling - Confuse Ï (umlaut) with Í (acute) or other accented I variants
- Put CSS escape
\00CFin HTML text nodes - Use padded Unicode notation like U+000CF—the correct value is
U+00CF - Use
\000CFin CSS—the correct escape is\00CF
Key Takeaways
Four references render Ï; named entity is most readable
Ï Ï ÏFor CSS stylesheets, use the escape in the content property
\00CFUnicode U+00CF — LATIN CAPITAL LETTER I WITH DIAERESIS
Essential for French, Dutch, and internationalized web content
Previous: Uppercase I Tilde (Ĩ) Next: Uppercase Ij
❓ Frequently Asked Questions
Ï (named), Ï (hex), Ï (decimal), or \00CF in CSS content. All four methods render Ï correctly.U+00CF (LATIN CAPITAL LETTER I WITH DIAERESIS). Latin-1 Supplement block. Hex CF, decimal 207. Used in French, Dutch, and other languages.Ï or Ï) or the named entity Ï is used in HTML content. The CSS entity (\00CF) is used in CSS, e.g. in the content property of pseudo-elements. Both produce Ï but in different contexts.Ï. It is part of the standard HTML5 entity set and is well supported. You can also use Ï or Ï for numeric references.Explore More HTML Entities!
Discover 1500+ HTML character references — accented letters, symbols, and more.
About the author
8 people found this page helpful