HTML Entity for Lowercase I Acute (í)

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

What You'll Learn

How to display the lowercase i with acute accent (í) in HTML using named entity, hexadecimal, decimal, and CSS escape methods. This character is U+00ED in the Latin-1 Supplement block and is essential for Spanish, Portuguese, Irish, Catalan, and other languages where the acute accent indicates stress or a distinct vowel quality.

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

⚡ Quick Reference — Lowercase I Acute Entity

Unicode U+00ED

Latin-1 Supplement

Hex Code í

Hexadecimal reference

HTML Code í

Decimal reference

Named Entity í

Most readable option

Reference Table
Name           Value
────────────   ──────────
Unicode        U+00ED
Hex code       í
HTML code      í
Named entity   í
CSS code       \00ED
Meaning        Latin small letter i with acute
Related        U+00CD = Í (uppercase)
Block          Latin-1 Supplement (U+0080–U+00FF)
1

Complete HTML Example

A simple example showing the lowercase i acute (í) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\00ED";
  }
 </style>
</head>
<body>
<p>Symbol (hex): &#xED;</p>
<p>Symbol (decimal): &#237;</p>
<p>Symbol (named): &iacute;</p>
<p id="point">Symbol (CSS): </p>
</body>
</html>
Try It Yourself

🌐 Browser Support

The lowercase i acute (í) and the named entity &iacute; are universally supported in modern browsers:

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

👀 Live Preview

See the lowercase i acute (í) in language and content contexts:

Large glyphí
Spanishsí, día, aquí, también
Portuguese & Catalanpaís, aquí
Irishsí (she), í (she/her)
Named entity&iacute; renders as í
Numeric refs&#xED; &#237; &iacute; \00ED

🧠 How It Works

1

Hexadecimal Code

&#xED; uses the Unicode hexadecimal value ED to display the character. The x prefix indicates hexadecimal format.

HTML markup
2

Decimal HTML Code

&#237; uses the decimal Unicode value 237 to display the same character. A common method for Latin-1 characters.

HTML markup
3

Named Entity

&iacute; is the standard named entity for í—readable in source HTML and part of the HTML Latin-1 entity set.

HTML markup
4

CSS Entity

\00ED 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+00ED sits in Latin-1 Supplement. Uppercase equivalent: U+00CD (&Iacute;). Do not confuse with plain i (U+0069), grave &igrave; (ì), or circumflex &icirc; (î).

Use Cases

The lowercase i acute (í) is commonly used in:

🇬🇤 Spanish Content

Essential in words like sí (yes), día (day), aquí (here), and también (also). The accent can change meaning—sí vs si (if).

🇧🇷 Portuguese & Catalan

Used in país (country), aquí, and other words requiring the acute accent on i.

🇮🇪 Irish (Gaeilge)

The acute (fada) marks a long vowel, e.g. sí (she) and í (she/her).

🌐 Multilingual Websites

International and localized content that must display accented characters correctly.

🔤 Language learning

Courses, dictionaries, and educational materials teaching accented letters.

♿ Accessibility

Correct encoding ensures screen readers pronounce words properly (e.g. sí vs si in Spanish).

🔍 Search & SEO

Proper spelling helps search indexing and users in Spanish- and Portuguese-speaking markets.

💡 Best Practices

Do

  • Use &iacute; in HTML when possible for readability
  • Serve pages as UTF-8; you can also type í directly in UTF-8 source
  • Set lang attributes (e.g. lang="es", lang="ga") for correct pronunciation
  • Use fonts that support Latin-1 Supplement characters
  • Distinguish í (U+00ED) from plain i (U+0069)—meaning can change in Spanish

Don’t

  • Substitute plain i when í is required for correct spelling
  • Confuse í (acute) with ì (grave) or î (circumflex)
  • Put CSS escape \00ED in HTML text nodes
  • Omit UTF-8 encoding on pages with accented characters
  • Mix entity styles randomly without reason in one file

Key Takeaways

1

Four references render í; named entity is most readable

&#xED; &#237; &iacute;
2

For CSS stylesheets, use the escape in the content property

\00ED
3

Unicode U+00ED — LATIN SMALL LETTER I WITH ACUTE

4

Essential for Spanish, Portuguese, Irish, Catalan, and i18n content

❓ Frequently Asked Questions

Use &iacute; (named), &#xED; (hex), &#237; (decimal), or \00ED in CSS content. The named entity &iacute; is the most readable for HTML content.
U+00ED (LATIN SMALL LETTER I WITH ACUTE). Latin-1 Supplement block. Hex ED, decimal 237. Used in Spanish, Portuguese, Irish, Catalan, and many other languages.
When writing words in Spanish (e.g. sí, día), Portuguese, Irish, Catalan, and other languages that use the acute accent on i. It is essential for correct spelling and meaning—for example sí (yes) vs si (if) in Spanish.
HTML code (&#237; or &#xED;) or the named entity &iacute; is used in HTML content. The CSS entity (\00ED) is used in CSS, e.g. in the content property of pseudo-elements. Both produce í but in different contexts.
í (U+00ED, &iacute;) has an acute accent (´). ì (U+00EC, &igrave;) has a grave accent (`). î (U+00EE, &icirc;) has a circumflex (^). They are different Unicode characters used in different languages—for example Italian uses ì, French and Romanian use î, Spanish and Irish use í.

Explore More HTML Entities!

Discover 1500+ HTML character references — accented 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