Lowercase i is the Basic Latin character at Unicode U+0069 (LATIN SMALL LETTER I). You can type i directly in HTML, or write it with a numeric character reference when you need an explicit entity form.
Remember
Character i
Unicode U+0069
Hex entity i
Decimal i
CSS escape \0069
Named entity (none)
All of these produce the same glyph: i. Prefer typing i in normal page text; use entities for CSS content, generated markup, or when encoding must be explicit.
Reference
Quick Reference
One table for every form you will actually use.
Form
Code
Where it goes
Direct character
i
HTML text (default choice)
Hex entity
i
HTML markup
Decimal entity
i
HTML markup
CSS escape
\0069
Stylesheet content
Named entity
—
Not defined in HTML5
When to Use Which
Situation
Use
Normal paragraphs, headings, labels
Type i
Need an entity in HTML source
i or i
Generated text via ::before / ::after
content: "\0069"
Looking for &i; or similar
Does not exist — use numeric form
Dotless ı or accented í
Different Unicode characters — not U+0069
See it
Live Preview
Lowercase i rendered in common UI contexts.
Inline textThe letter i appears in words like index and input.
Large glyphi
Alphabetg h i j k
Monospacefor (let i = 0; i < n; i++)
With entitiesHex: i | Decimal: i
Not the sameı (dotless) · í (í)
Code
Complete HTML Example
One page that shows lowercase i with the hex entity, decimal entity, CSS escape, and a typed character. Use View Output or open the live editor.
Hex + Decimal + CSS + Typed
All four ways to produce i in a single document.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Lowercase I (i) in HTML</title>
<style>
#point::after {
content: "\0069";
}
</style>
</head>
<body>
<p>Lowercase I using Hex Code: i</p>
<p>Lowercase I using HTML Code: i</p>
<p id="point">Lowercase I using CSS Entity: </p>
<p>Typed directly: i</p>
</body>
</html>
Lowercase I using Hex Code: i
Lowercase I using HTML Code: i
Lowercase I using CSS Entity: i
Typed directly: i
How It Works
1. Hex:U+0069 → i in HTML. The browser turns it into i.
2. Decimal: same code point as 105 → i. Same result as hex.
3. CSS: use \0069 in content (not an HTML entity). #point::after appends that i after the paragraph text.
4. Typed i: best for normal text. All four lines show the same letter.
Pitfalls & Tips
Common mistakes when working with the lowercase i entity.
Named?
No &i;
HTML5 does not define a named entity for ASCII letters. Use numeric forms.
CSS vs HTML
Do not mix escapes
\0069 belongs in CSS. i / i belong in HTML.
Look-alikes
Not ı or í
Dotless ı is U+0131; i acute í is U+00ED (í). Different from dotted i.
Default
Type i when you can
Entities are for encoding needs — not required for ordinary body text.
Semicolon
End references
Always finish with ; — write i, not i.
Case
i vs I
Uppercase I is U+0049 — a different code point from U+0069.
Compatibility
Browser Support
Lowercase i (U+0069) and its numeric entity forms (i, i, CSS \\0069) are supported in all mainstream browsers.
✓ Universal support
Lowercase I (i)
Type i, or encode with hex, decimal, or CSS escape — same glyph everywhere.
100%Browser coverage
Google ChromeSupported
Yes
Microsoft EdgeSupported
Yes
Mozilla FirefoxSupported
Yes
Apple SafariSupported
Yes
OperaSupported
Yes
Internet ExplorerAll versions
Yes
U+0069 / entitiesFull support
Bottom line: Use a typed i for normal text. Prefer i or i in HTML when encoding must be explicit, and \\0069 only inside CSS content.
Remember
Key Takeaways
Unicode: lowercase i is U+0069 (decimal 105).
HTML: use i or i when you need an entity.
CSS: use \0069 inside content for generated text.
Default: type i directly unless encoding requires an entity.
One line:U+0069 → type i, or encode as i / i / CSS \0069.
Frequently Asked Questions
Use i (hex), i (decimal), or the CSS escape \0069 in the content property. All render the letter i. In most cases you can also type i directly.
U+0069 (LATIN SMALL LETTER I). Hex 69, decimal 105. It belongs to the Basic Latin (ASCII) block and is the ninth letter of the Latin alphabet.
No. ASCII letters like i do not have named HTML entities in HTML5, so you should use numeric references like i or i when you need an entity form. Accented forms like í are different characters.
Use entities when generating content in CSS, when you want explicit encoding, or when outputting into contexts where escaping is required. For normal body text, typing i directly is usually best.
HTML entities (i or i) go in markup. The CSS escape \0069 is used in stylesheets (usually in the content property of ::before/::after). Both render i.
Plain i is U+0069 (with a dot). Dotless ı is U+0131 (Turkish). I with acute í is U+00ED (í). These are different characters — do not substitute one for another.
🤔
Did you know?
Lowercase i is Unicode U+0069 (decimal 105). HTML5 has no named entity for it — use i or i when you need an entity form. Do not confuse it with dotless ı (U+0131) or accented í (í).
