HTML Entity for Uppercase I Umlaut (Ï)

Beginner

5 min read

Updated: Sep 2026

1 example

Unicode U+00CF

HTML Entity for Uppercase I Umlaut (U+00CF) tutorial illustration

Definition

What Is the Uppercase I Umlaut Entity?

Uppercase I Umlaut (Ï) is the Unicode character at U+00CF (LATIN CAPITAL LETTER I WITH DIAERESIS) in Latin-1 Supplement. Unicode calls the mark a diaeresis; many languages call the same glyph an umlaut.

Remember

Character     Ï
Unicode       U+00CF
Hex entity    &#x00CF;
Decimal       &#207;
Named         &Iuml;
CSS escape    \00CF
Official name LATIN CAPITAL LETTER I WITH DIAERESIS
Lowercase     U+00EF (&iuml;)

All of these produce the same glyph: Ï. Compare with ordinary Uppercase I (U+0049).

Reference

Quick Reference

One table for every form you will actually use.

Form	Code	Where it goes
Direct character	`Ï`	HTML text (UTF-8)
Named entity	`Ï`	HTML markup — preferred for readability
Hex entity	`Ï`	HTML markup
Decimal entity	`Ï`	HTML markup
CSS escape	`\00CF`	Stylesheet `content`

When to Use Which

Situation	Use
Readable multilingual HTML	`Ï`
Need numeric form	`Ï` or `Ï`
Generated text via `::before` / `::after`	`content: "\00CF"`
Lowercase i with diaeresis	`ï` (U+00EF)
Ordinary capital letter I	Use I (U+0049)

See it

Live Preview

Capital I with diaeresis in common language contexts.

Large glyph Ï

Case pair Ï / ï

Sample words HAÏTI, NAÏF

Compared I Ï ï

With entities Ï → Ï | Hex: Ï

Code

Complete HTML Example

One page that shows this character with hex, decimal, named entity, CSS, and a language sample. Use View Output or open the live editor.

Hex + Decimal + Named + CSS

All common ways to produce Ï in a single document.

html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Uppercase I Umlaut</title>
  <style>
    #point::after {
      content: "\00CF";
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x00CF;</p>
  <p>Using HTML Code: &#207;</p>
  <p>Using Named Entity: &Iuml;</p>
  <p id="point">Using CSS Entity: </p>
  <p lang="fr">HA&Iuml;TI, NA&Iuml;F</p>
</body>
</html>

Try It Yourself

How It Works

1. Hex / decimal: U+00CF → Ï or Ï in HTML.

2. Named: Ï is the readable HTML5 alias for the same code point.

3. CSS: use \00CF in content (not an HTML entity). #point::after appends that glyph after the paragraph text.

4. Language sample: lang="fr" marks French context for assistive tech and hyphenation.

Pitfalls & Tips

Common mistakes when working with this character.

Named

Prefer `Ï`

The named entity is easier to read than numeric forms. Keep the trailing semicolon. Capital I in the name matters.

Look-alikes

Not plain I

U+00CF includes the diaeresis. Do not replace it with U+0049 when spelling requires Ï.

Case

`Ï` ≠ `ï`

Ï → Ï (capital). ï → ï (lowercase). Entity names are case-sensitive.

Terms

Diaeresis vs umlaut

Unicode calls it diaeresis; many languages call the same glyph an umlaut. The HTML entity is still Ï.

CSS vs HTML

Do not mix escapes

\00CF belongs in CSS. Named/numeric entities belong in HTML.

Semicolon

End references

Always finish with ; — write Ï, not &Iuml.

Compatibility

Browser Support

Uppercase I Umlaut / LATIN CAPITAL LETTER I WITH DIAERESIS (U+00CF) and its entity forms (Ï, Ï, Ï, CSS \\00CF) are supported in all mainstream browsers. Visible glyphs are standard in Latin-1 capable fonts.

✓ Universal support

Uppercase I Umlaut

Encode with named, hex, decimal, or CSS escape — or paste the character 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 All versions

Yes

U+00CF / Ï Full support

Bottom line: Prefer Ï for readable markup; use \\00CF only inside CSS content. Do not confuse with ï (ï).

Remember

Key Takeaways

Unicode: this character is U+00CF (decimal 207) — LATIN CAPITAL LETTER I WITH DIAERESIS.
HTML: prefer Ï, or use Ï / Ï.
CSS: use \00CF inside content for generated text.
Watch out: lowercase is ï; U+00CF ≠ U+0049 (plain I).

One line: U+00CF → Ï / Ï / CSS \00CF.

Frequently Asked Questions

How do I display Uppercase I Umlaut in HTML?

Use Ï (named), Ï (hex), Ï (decimal), or the CSS escape \00CF in the content property. All render U+00CF. You can also paste the character directly when your file is UTF-8.

What is the Unicode value for Uppercase I Umlaut?

U+00CF (hex 00CF, decimal 207). Unicode names it LATIN CAPITAL LETTER I WITH DIAERESIS. It belongs to Latin-1 Supplement and is used in French, Dutch, and related orthographies.

Is there a named HTML entity for U+00CF?

Yes. HTML5 defines Ï for the uppercase form. The lowercase form uses ï (U+00EF).

How is U+00CF different from U+0049?

U+00CF is capital I with diaeresis/umlaut (Ï). U+0049 is ordinary capital I. Do not substitute plain I when the diaeresis is required for correct spelling.

What is the lowercase form of U+00CF?

The case pair is U+00EF (LATIN SMALL LETTER I WITH DIAERESIS, ï). Use ï, ï, or ï.

What is the difference between HTML code and CSS entity for U+00CF?

HTML entities (Ï, Ï, or Ï) go in markup. The CSS escape \00CF is used in stylesheets (usually in the content property of ::before/::after). Both render the same glyph.

Did you know?

This character is Unicode U+00CF (decimal 207) — official name LATIN CAPITAL LETTER I WITH DIAERESIS in Latin-1 Supplement. HTML5 defines the named entity Ï. Its lowercase pair is U+00EF (ï). Common in French (e.g. HAÏTI) and Dutch.

Next: Uppercase Ij

Learn the HTML entity for Uppercase Ij — next in this sequence.

Continue tutorial →

About the author

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

HTML Entity | Uppercase I Tilde HTML Entity | Uppercase Ij