HTML Entity for Digit Seven (7)

Beginner
⏱️ 4 min read
📚 Updated: Aug 2025
🎯 1 Code Example
Unicode U+0037

What You'll Learn

How to display the digit seven (7) in HTML using numeric character references. The digit 7 is part of Basic Latin (Unicode U+0037).

In most cases you can type 7 directly, but entity forms are useful for generated HTML, templating, and CSS content.

⚡ Quick Reference — 7 Entity

Unicode U+0037

Basic Latin (ASCII digit)

Hex Code 7

Hexadecimal reference

HTML Code 7

Decimal reference

CSS Code \0037

Use in CSS content

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0037
Hex code       7
HTML code      7
Named entity   (none)
CSS code       \0037
1

Complete HTML Example

This example demonstrates 7 using hexadecimal code, decimal HTML code, and a CSS content escape on a pseudo-element:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\0037";
  }
 </style>
</head>
<body>

<p>Digit Seven using Hexa Decimal: &#x37;</p>
<p>Digit Seven using HTML Code: &#55;</p>
<p id="point">Digit Seven using CSS Entity: </p>

</body>
</html>
Try It Yourself

🌐 Browser Support

The digit 7 (U+0037) is universally supported in all browsers and fonts:

Chrome 1+
Firefox 1+
Safari 1+
Edge 12+
Opera 4+
Android 1+
iOS Safari 1+

👀 Live Preview

See the digit 7 rendered in different contexts:

Inline Version 7.0
Large glyph 7
Monospace 7
As a label Step 7

🧠 How It Works

1

Hexadecimal Code

&#x37; references Unicode 0037 (hex 37) to render the digit 7 in HTML.

HTML markup
2

Decimal HTML Code

&#55; uses the decimal code point value 55 to render the same character.

HTML markup
3

CSS Entity (Escape)

\0037 is used in CSS (often in content) to generate 7 in pseudo-elements. The 4-digit hex escape is a common style for ASCII code points.

CSS stylesheet
=

Same visual result

All methods render 7. Unicode is U+0037 (Basic Latin). There is no named HTML entity for digits.

Use Cases

Using the digit 7 via character reference is useful in these scenarios:

💻 Generated HTML

Templates/CMS output where you want explicit numeric references.

🎨 CSS Content

Use \0037 for pseudo-elements and badges.

📅 Dates

Generating date strings like 2026-07-07 safely.

📝 Teaching Entities

Simple example of how numeric references work.

🔒 Escaping

Part of a consistent HTML escaping/encoding strategy.

📊 Labels

Counters and fixed labels in generated UI strings.

💡 Best Practices

Do

  • Type 7 directly in normal prose when you can
  • Use numeric references in generated HTML output
  • Use \0037 in CSS content when needed
  • Keep encoding consistent across templates
  • Prefer semantic markup for lists (<ol>)

Don’t

  • Over-escape digits in static content without need
  • Use CSS escapes inside HTML text nodes
  • Assume entities improve accessibility (rendered output is identical)
  • Mix reference styles randomly (hex vs decimal) in one section
  • Use entities in JSON/JS strings (use the literal character)

Key Takeaways

1

Digit 7 is Unicode U+0037

2

Hex and decimal references

&#x37;&#55;
3

CSS escape for generated content

\0037
4

There is no named HTML entity for digits

5

Typing 7 directly is usually best

❓ Frequently Asked Questions

Use &#x37; (hex) or &#55; (decimal) in HTML. In CSS, use \0037 in the content property. All render 7.
U+0037 (hex 37, decimal 55). It’s part of the Basic Latin (ASCII) range.
When generating HTML via scripts/templates, in CSS generated content, or when you need consistent character-reference output.
HTML numeric references go in markup; CSS escapes like \0037 go in stylesheets (usually content on pseudo-elements).
Digits are safe to type directly. Numeric references exist when you need them; named entities are reserved for other characters.

Explore More HTML Entities!

Discover 1500+ HTML character references — currency symbols, arrows, math operators, emojis, 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