HTML Entity for Superscript One (¹)
What You'll Learn
How to display Superscript One (¹) in HTML using entity methods: hex, decimal, the named entity ¹, and a CSS escape. This character is widely used for footnotes, powers (like x¹), and academic references.
Superscript One belongs to the Latin‑1 Supplement block and is referenced as Unicode U+00B9.
⚡ Quick Reference — Superscript One (¹)
U+00B9Latin-1 Supplement block
¹Hexadecimal reference
¹Decimal reference
¹Readable and widely supported
Name Value
──────────── ──────────
Unicode U+00B9
Hex code ¹
HTML code ¹
Named entity ¹
CSS code \00B9Complete HTML Example
This example renders ¹ using the hex entity, decimal entity, the named entity, and a CSS escape on a pseudo-element:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\00B9";
}
</style>
</head>
<body>
<p>Superscript One using Hexa Decimal: ¹</p>
<p>Superscript One using HTML Code: ¹</p>
<p>Superscript One using HTML Entity: ¹</p>
<p id="point">Superscript One using CSS Entity: </p>
</body>
</html>🌐 Browser Support
Superscript One (¹) and the named entity ¹ are supported across all modern browsers:
👀 Live Preview
See ¹ used in a few common contexts:
<sup> tag)🧠 How It Works
Hexadecimal Code
¹ uses the Unicode hexadecimal value 00B9 to render ¹.
Decimal HTML Code
¹ uses the decimal Unicode value 185 for the same character.
Named Entity
¹ is the named entity for ¹—readable and widely supported.
CSS Entity
\00B9 is a CSS escape typically used in the content property of pseudo-elements.
Same visual result
All four methods display ¹. Unicode U+00B9 is part of Latin‑1 Supplement.
Use Cases
Superscript One (¹) is commonly used in:
Footnote indicators and references in articles and docs.
Exponents like x¹ and 10¹.
Citation markers and reference indices.
Stylized “1st” / rankings where superscripts are expected.
Units and indices where superscript is required.
💡 Best Practices
Do
- Use
¹when you want readable source HTML - Keep one style (named / hex / decimal) consistent across a page
- Use
<sup>for semantic superscript text when appropriate - Use CSS escape in pseudo-elements for generated markers
Don’t
- Mix entity styles randomly in one document
- Use CSS escapes inside HTML markup (use them in stylesheets only)
- Rely on superscripts alone to convey meaning without context
- Overuse superscripts where normal text is clearer
Key Takeaways
¹ is Unicode U+00B9 (Latin‑1 Supplement)
U+00B9 ¹ ¹ ¹For CSS stylesheets, use the escape in content
\00B9¹ is a named entity and is widely supported
Use <sup>1</sup> when semantic superscript formatting matters
❓ Frequently Asked Questions
¹ (hex), ¹ (decimal), ¹ (named), or \00B9 in CSS content. All render ¹.U+00B9 (hex 00B9, decimal 185) in Latin‑1 Supplement.¹ is part of the HTML standard and works across modern browsers.<sup> for semantic superscript formatting that applies to any text.\00B9 in content for ::before/::after to generate the symbol without extra markup.Explore More HTML Entities!
Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, and more.
About the author
8 people found this page helpful