HTML Entity for Digit Four (4)

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

What You'll Learn

How to display the digit four (4) in HTML using numeric character references. The digit 4 is part of Basic Latin (Unicode U+0034).

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

⚡ Quick Reference — 4 Entity

Unicode U+0034

Basic Latin (ASCII digit)

Hex Code 4

Hexadecimal reference

HTML Code 4

Decimal reference

CSS Code \0034

Use in CSS content

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

Complete HTML Example

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

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

<p>Digit Four using Hexa Decimal: &#x34;</p>
<p>Digit Four using HTML Code: &#52;</p>
<p id="point">Digit Four using CSS Entity: </p>

</body>
</html>
Try It Yourself

🌐 Browser Support

The digit 4 (U+0034) 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 4 rendered in different contexts:

Inline Version 4.0
Large glyph 4
Monospace 4
As a label Step 4

🧠 How It Works

1

Hexadecimal Code

&#x34; references Unicode 0034 (hex 34) to render the digit 4 in HTML.

HTML markup
2

Decimal HTML Code

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

HTML markup
3

CSS Entity (Escape)

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

CSS stylesheet
=

Same visual result

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

Use Cases

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

💻 Generated HTML

Templates/CMS output where you want explicit numeric references.

🎨 CSS Content

Use \0034 for pseudo-elements and badges.

📅 Dates

Generating date strings like 2026-04-01 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 4 directly in normal prose when you can
  • Use numeric references in generated HTML output
  • Use \0034 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 4 is Unicode U+0034

2

Hex and decimal references

&#x34;&#52;
3

CSS escape for generated content

\0034
4

There is no named HTML entity for digits

5

Typing 4 directly is usually best

❓ Frequently Asked Questions

Use &#x34; (hex) or &#52; (decimal) in HTML. In CSS, use \0034 in the content property. All render 4.
U+0034 (hex 34, decimal 52). 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 \0034 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