HTML Entity for Fraction Slash (⁄)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+2044
HTML entity for Fraction Slash (U+2044) — named frasl, hex, decimal, and CSS tutorial

What You'll Learn

How to display the Fraction Slash character (⁄) in HTML using named, hexadecimal, decimal, and CSS escape methods. This character is U+2044 (FRACTION SLASH) in the General Punctuation block (U+2000–U+206F)—a separator used to compose fractions such as 1⁄2 or 3⁄4.

Render it with the named entity ⁄, ⁄, ⁄, or CSS escape \2044. Do not confuse ⁄ with the solidus (/, U+002F), vulgar fractions like ½ (U+00BD, ½), or typing 1/2 with a regular slash.

⚡ Quick Reference — Fraction Slash

Unicode U+2044

General Punctuation

Hex Code ⁄

Hexadecimal reference

HTML Code ⁄

Decimal reference

Named Entity ⁄

Fraction slash (most readable)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+2044
Hex code       ⁄
HTML code      ⁄
Named entity   ⁄
CSS code       \2044
Meaning        Fraction slash (builds e.g. 1⁄2, 3⁄4)
Related        U+002F = Solidus (/); U+00BD = One half (½)
1

Complete HTML Example

This example demonstrates the Fraction Slash symbol (⁄) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\2044";
  }
 </style>
</head>
<body>
<p>Fraction Slash using Hexadecimal: &#x2044;</p>
<p>Fraction Slash using HTML Code: &#8260;</p>
<p>Fraction Slash using HTML Entity: &frasl;</p>
<p id="point">Fraction Slash using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Fraction Slash (⁄) is widely supported in modern browsers with a suitable font:

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

👀 Live Preview

See the fraction slash (⁄) used to build fractions and compared with related characters:

Built fractions 1⁄2   3⁄4   5⁄6
Recipe Add 1⁄2 cup   reduce by 2⁄3
Large glyph ⁄
Slash types ⁄ fraction   / solidus   ½ vulgar half
Entity refs &frasl; &#x2044; &#8260; \2044

🧠 How It Works

1

Named Entity

&frasl; is the HTML named entity for fraction slash—often preferred in readable recipe and math markup.

HTML markup
2

Hexadecimal Code

&#x2044; uses the Unicode hexadecimal value 2044. The x prefix indicates hexadecimal format.

HTML markup
3

Decimal HTML Code

&#8260; uses the decimal Unicode value 8260 to display the same character.

HTML markup
4

CSS Entity

\2044 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.

CSS stylesheet
=

Same visual result

All four methods produce: ⁄. Unicode U+2044 in General Punctuation. For a precomposed half, see Fraction 1 By 2 (½).

✅

Use Cases

The Fraction Slash symbol (⁄) is commonly used in:

🍳 Recipes

Cooking sites and measurements (e.g. 1⁄2 cup, 3⁄4 teaspoon).

∑ Math

Equations and math content built from digits with ⁄ between numerator and denominator.

📚 Education

Textbooks, tutorials, and lessons on fractions and ratios.

📊 Data

Statistics, ratios, and proportional displays (e.g. 2⁄3 of respondents).

📄 Documents

Legal, academic, or technical documents with composed fractions.

🌐 Symbol guides

HTML entity lists, Unicode charts, and character references.

💡 Best Practices

Do

  • Use &frasl; for readable HTML in recipes and math
  • Pair digits on both sides (e.g. 1⁄2 cup) for clear measurements
  • Use math-friendly fonts (Cambria Math, STIX Two Math) for clear fractions
  • Add aria-label on composed fractions (e.g. “one half”) for accessibility
  • Serve pages with UTF-8 (<meta charset="utf-8">)

Don’t

  • Confuse ⁄ (fraction slash) with / (solidus, U+002F)
  • Use ⁄ when a single vulgar fraction glyph (e.g. ½) is available and preferred
  • Put CSS escape \2044 in HTML text nodes
  • Mix entity styles randomly in one file
  • Use 1/2 when typographic 1⁄2 is required for consistency

Key Takeaways

1

Three HTML references plus CSS all render ⁄

&#x2044; &#8260; &frasl;
2

For CSS stylesheets, use the escape in the content property

\2044
3

Unicode U+2044 — FRACTION SLASH separator

4

&frasl; is the standard named entity

5

Next: French Franc Sign (₣) (continues the sequence)

❓ Frequently Asked Questions

Use &frasl; (named), &#x2044; (hex), &#8260; (decimal), or \2044 in CSS content. All produce ⁄.
U+2044 (FRACTION SLASH). General Punctuation block (U+2000–U+206F). Hex 2044, decimal 8260. Used between digits to build fractions like 1⁄2 (⁄).
When building fractions from digits (e.g. 1⁄2, 3⁄4), in mathematical notation, recipes, measurements, educational content, and any typography that needs a dedicated fraction separator between numerator and denominator.
Yes. &frasl; is the named HTML entity for U+2044 (⁄). You can also use &#8260; (decimal) or &#x2044; (hexadecimal). All render the same symbol.
HTML entities (&#8260;, &#x2044;, or &frasl;) go directly in markup. The CSS escape \2044 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.

Explore More HTML Entities!

Discover 1500+ HTML character references — fractions, symbols, 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.

AWS Certified Developer – Associate (Credly)

8 people found this page helpful

Fraction 7 By 8 (⅞) French Franc Sign (₣)