HTML Entity for Superscript One (¹)

Beginner
6 min read
Updated: Sep 2026
1 example
Unicode U+00B9

What Is the Superscript One Entity?

Superscript One (¹) is the Unicode character at U+00B9 in the Latin-1 Supplement block. It looks like a small raised 1 and appears in footnotes, powers such as x¹, and academic references.

Remember
Character     ¹
Unicode       U+00B9
Hex entity    ¹
Decimal       ¹
Named entity  ¹
CSS escape    \00B9

All of these produce the same glyph: ¹. Prefer &sup1; when you want readable markup; use <sup>1</sup> when you want semantic superscript formatting instead.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character¹HTML text (UTF-8)
Named entity&sup1;HTML markup (preferred readable form)
Hex entity&#x00B9;HTML markup
Decimal entity&#185;HTML markup
CSS escape\00B9Stylesheet content
Semantic tag<sup>1</sup>HTML (formatting, not the ¹ glyph)

When to use which

SituationUse
Need the Unicode glyph ¹&sup1;, or &#x00B9; / &#185;
Generated text via ::before / ::aftercontent: "\00B9"
Semantic superscript for any text<sup>1</sup>
Plain digit one (not superscript)Type 1 (U+0031)
Readable HTML sourcePrefer &sup1;

Live Preview

Superscript One rendered in common writing contexts.

Inline text See note ¹ for details.
Large glyph ¹
In a power x¹ = x
Monospace ref ¹ → footnote
With entities Named: ¹ | Hex: ¹ | Decimal: ¹
Semantic <sup> x1 (tag styles digit 1)

Complete HTML Example

One page that shows Superscript One with hex, decimal, named entity, CSS escape, and the semantic <sup> option. Use View Output or open the live editor.

Hex + Decimal + Named + CSS + <sup>

Five ways to show a raised one in a single document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Superscript One (¹) in HTML</title>
  <style>
    #point::after {
      content: "\00B9";
    }
  </style>
</head>
<body>
  <p>Superscript One using Hex Code: &#x00B9;</p>
  <p>Superscript One using HTML Code: &#185;</p>
  <p>Superscript One using Named Entity: &sup1;</p>
  <p id="point">Superscript One using CSS Entity: </p>
  <p>Semantic alternative: x<sup>1</sup></p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: U+00B9 → &#x00B9; in HTML. The browser turns it into ¹.

2. Decimal: same code point as 185 → &#185;. Same result as hex.

3. Named: &sup1; is the standard HTML named entity for ¹ — easier to read in source.

4. CSS: use \00B9 in content (not an HTML entity). #point::after appends that ¹ after the paragraph text.

5. Semantic <sup>: x<sup>1</sup> styles digit one as a superscript. Prefer this when you need meaning, not a specific Unicode glyph.

Pitfalls & Tips

Common mistakes when working with Superscript One entities.

Named

Prefer &sup1;

Unlike most superscript digits, ¹ has a named entity. Use it for clearer HTML source.

CSS vs HTML

Do not mix escapes

\00B9 belongs in CSS. &sup1; / &#x00B9; / &#185; belong in HTML.

¹ vs 1

Different characters

¹ is U+00B9; digit 1 is U+0031. Do not treat them as the same.

Glyph vs tag

Choose intentionally

Use the Unicode glyph for exact look; use <sup> for semantic superscript on any text.

Semicolon

End references

Always finish with ; — write &sup1;, not &sup1.

Related

Other superscripts

⁰ uses U+2070 (no named entity). ² and ³ also have named entities (&sup2;, &sup3;).

Browser Support

Superscript One (U+00B9) and its entity forms (&sup1;, &#x00B9;, &#185;, CSS \\00B9) are supported in all mainstream browsers. Glyph shape depends on the font.

✓ Universal support

Superscript One (¹)

Encode with &sup1;, hex, decimal, or CSS escape — or use <sup> for semantic formatting.

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+00B9 / entities Full support

Bottom line: Prefer &sup1; for readable HTML, \\00B9 only inside CSS content, and <sup>1</sup> when you want semantic superscript.

Key Takeaways

  • Unicode: Superscript One is U+00B9 (decimal 185).
  • HTML: prefer &sup1;, or use &#x00B9; / &#185;.
  • CSS: use \00B9 inside content for generated text.
  • Alternative: use <sup>1</sup> for semantic superscript formatting.

One line: U+00B9 → &sup1; / &#x00B9; / &#185; / CSS \00B9, or semantic <sup>1</sup>.

Frequently Asked Questions

Use &#x00B9; (hex), &#185; (decimal), &sup1; (named), or the CSS escape \00B9 in the content property. All render ¹. You can also paste ¹ directly when your file is UTF-8.
U+00B9 (hex 00B9, decimal 185). It belongs to the Latin-1 Supplement Unicode block.
Yes. HTML5 defines &sup1; for superscript one. You can also use numeric references &#x00B9; or &#185;.
Use ¹ (or its entities) when you need the exact Unicode superscript glyph. Use <sup>1</sup> when you want semantic superscript formatting for arbitrary text.
No. Digit one is U+0031. Superscript One is U+00B9 — a different character with a different code point.
HTML entities (&#185;, &#x00B9;, or &sup1;) go in markup. The CSS escape \00B9 is used in stylesheets (usually in the content property of ::before/::after). Both render ¹.

Did you know?

Superscript one is Unicode U+00B9 (decimal 185) in the Latin-1 Supplement block. Unlike most superscript digits, HTML5 defines a named entity: &sup1;. It is a different character from digit one (U+0031).

Next: Digit Two (2)

Continue the entity series with the HTML reference for digit two — a different character from superscript one.

Digit 2 tutorial →

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