HTML Entity for Uppercase I Dot Above (İ)

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

What You'll Learn

How to display the uppercase I with dot above (İ) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+0130 (LATIN CAPITAL LETTER I WITH DOT ABOVE) in the Latin Extended-A block. In Turkish, İ is a distinct letter from plain I and is required for correct spelling in words like İstanbul.

Render it with İ, İ, İ, or CSS escape \0130. The named entity İ is often the most readable option in HTML source.

⚡ Quick Reference — Uppercase I Dot Above Entity

Unicode U+0130

Latin Extended-A

Hex Code İ

Hexadecimal reference

HTML Code İ

Decimal reference

Named Entity İ

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0130
Hex code       İ
HTML code      İ
Named entity   İ
CSS code       \0130
Meaning        Latin capital letter I with dot above
Turkish pair   İ / i (not ı)
Related        U+0131 = ı (lowercase dotless i)
Block          Latin Extended-A (U+0100–U+017F)
1

Complete HTML Example

A simple example showing the uppercase I dot above (İ) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\0130";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#x0130;</p>
<p>Symbol (decimal): &#304;</p>
<p>Symbol (named): &Idot;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The uppercase I dot above (İ) and the named entity &Idot; are supported in all modern browsers:

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

👀 Live Preview

See the uppercase I dot above (İ) in Turkish and linguistic contexts:

Large glyphİ
Named entity&Idot; renders as İ
Turkish pairİ (uppercase) / i (lowercase with dot)
ContrastI (dotless uppercase) / ı (dotless lowercase)
Exampleİstanbul, İzmir
Numeric refs&#x0130; &#304; &Idot; \0130

🧠 How It Works

1

Hexadecimal Code

&#x0130; uses the Unicode hexadecimal value 0130 to display the uppercase I dot above. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

Named Entity

&Idot; is the standard named entity for İ—readable in source HTML and part of the HTML5 entity set.

HTML markup
4

CSS Entity

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

CSS stylesheet
=

Same visual result

All four methods produce the glyph: İ. Unicode U+0130 sits in Latin Extended-A. Do not confuse with plain I (U+0049), Í (acute), or ı (dotless lowercase). In Turkish, İ and I are separate letters.

Use Cases

The uppercase I dot above (İ) is commonly used in:

🇹🇷 Turkish content

Websites, documents, and apps requiring proper Turkish spelling with İ.

📝 Proper names

Turkish personal and place names like İstanbul and İzmir when capitalized.

🔤 Linguistics

Language studies and reference materials discussing Turkish orthography.

🌐 Multilingual sites

Internationalized websites serving Turkish-speaking audiences.

📄 Academic publishing

Scholarly papers and Turkish language documentation with correct characters.

📚 Language learning

Turkish courses teaching the four-way I/i distinction.

🔍 Search & SEO

Correct rendering so users can find content with proper Turkish spelling.

💡 Best Practices

Do

  • Use &Idot; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type İ directly in UTF-8 source
  • Set lang="tr" on Turkish content for correct pronunciation hints
  • Use fonts that support Latin Extended-A (U+0100–U+017F)
  • Distinguish İ (dotted) from I (dotless) in Turkish text

Don’t

  • Substitute plain I when İ is required in Turkish
  • Confuse İ (dotted uppercase) with ı (dotless lowercase)
  • Put CSS escape \0130 in HTML text nodes
  • Use padded Unicode notation like U+00130—the correct value is U+0130
  • Use \00130 in CSS—the correct escape is \0130

Key Takeaways

1

Four references render İ; named entity is most readable

&#x0130; &#304; &Idot;
2

For CSS stylesheets, use the escape in the content property

\0130
3

Unicode U+0130 — LATIN CAPITAL LETTER I WITH DOT ABOVE

4

Essential for Turkish; distinct from plain I (U+0049)

❓ Frequently Asked Questions

Use &Idot; (named), &#x0130; (hex), &#304; (decimal), or \0130 in CSS content. The named entity &Idot; is the most readable for HTML content.
U+0130 (LATIN CAPITAL LETTER I WITH DOT ABOVE). Latin Extended-A block. Hex 0130, decimal 304. Essential in Turkish orthography.
When writing Turkish text, proper names, linguistic documentation, multilingual websites, academic papers, and any content requiring accurate Turkish character representation.
HTML code (&#304; or &#x0130;) or the named entity &Idot; is used in HTML content. The CSS entity (\0130) is used in CSS, e.g. in the content property of pseudo-elements. Both produce İ but in different contexts.
In Turkish, İ and I are distinct letters with different sounds. İ is a front vowel (like “ee” in “see”); I is a back vowel. Using the wrong letter changes word meaning. For example, İstanbul must use İ with a dot, not plain I.

Explore More HTML Entities!

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