HTML Entity for Comma Above (̓)

Beginner
⏱️ 5 min read
📚 Updated: Jun 2026
🎯 1 Code Example
Unicode U+0313

What You'll Learn

How to display the Comma Above (̓) in HTML and CSS. This character is U+0313 (COMBINING COMMA ABOVE) in the Combining Diacritical Marks block (U+0300–U+036F). It is a nonspacing mark that attaches above the preceding base character—for example, a̓ renders as a with smooth breathing (psili).

There is no named HTML entity for U+0313. Use ̓, ̓, or \313 in CSS content. Do not confuse U+0313 with Comma Above Reversed U+0314 (̔, dasia), Comma Above Right U+0315, or punctuation comma U+002C (,).

⚡ Quick Reference — Comma Above

Unicode U+0313

Combining Diacritical Marks (U+0300–U+036F)

Hex Code ̓

Hexadecimal reference

HTML Code ̓

Decimal reference

Named Entity

None (use numeric refs)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+0313
Hex code       ̓
HTML code      ̓
Named entity   —
CSS code       \313
Related        U+0314 = Comma Above Reversed (dasia)
1

Complete HTML Example

This example shows U+0313 using hexadecimal and decimal references, combining with a base letter, plus a CSS content escape. There is no named HTML entity:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\313";
  }
 </style>
</head>
<body>
<p>Comma Above using Hexa Decimal: &#x313;</p>
<p>Comma Above using HTML Code: &#787;</p>
<p id="point">Comma Above using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Comma Above is supported in modern browsers when paired with a base character and a suitable font:

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

👀 Live Preview

See the Comma Above with base letters (serif font recommended):

With base letter a̓   e̓   o̓
Greek alpha ἀ (alpha with psili)
Standalone mark ̓
Smooth vs rough U+0313 (psili)   vs   U+0314 ̔ (dasia)
Monospace refs &#x313; &#787; \313

🧠 How It Works

1

Hexadecimal Code

&#x313; references code point U+0313 using hex digits 313. Place it immediately after a base letter (e.g. a&#x313;).

HTML markup
2

Decimal HTML Code

&#787; uses the decimal Unicode value 787 for the same combining mark.

HTML markup
3

CSS Entity

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

CSS stylesheet
=

Combines with base character

The mark attaches above the preceding letter. a + U+0313 = (smooth breathing / psili). Distinct from U+0314 (comma above reversed / dasia).

Use Cases

The Comma Above (̓) commonly appears in:

⚖️ Greek transliteration

Smooth breathing (psili) in polytonic Greek and classical text.

🔤 Linguistics

Phonetic notation, aspiration marks, and language studies.

✍️ Scholarly typography

Academic papers, editions, and historical documents with combining marks.

📖 Unicode documentation

Character tables and tutorials on combining diacritical marks.

🌐 Internationalization

Scripts and transliteration systems using comma-above diacritics.

📚 Education

Greek language learning sites and philology resources.

♿ Accessibility

Prefer precomposed Greek or meaningful text when assistive tech needs clarity.

💡 Best Practices

Do

  • Place &#x313; immediately after the base character
  • Use <meta charset="utf-8"> on multilingual pages
  • Choose serif fonts with Greek and Combining Marks support
  • Set lang="el" when displaying Greek with breathing marks
  • Prefer precomposed Greek letters in Unicode when available

Don’t

  • Confuse U+0313 (psili) with U+0314 (dasia / comma above reversed)
  • Confuse with punctuation comma , (U+002C)
  • Put the combining mark before the base letter
  • Put CSS escape \313 inside HTML text nodes
  • Assume every font renders combining marks identically

Key Takeaways

1

Two HTML references for the combining mark

&#x313; &#787;
2

For CSS stylesheets, use the escape in the content property

\313
3

U+0313 attaches above the preceding base character

4

Greek smooth breathing (psili) — not punctuation

5

No named entity for U+0313 — use numeric references

❓ Frequently Asked Questions

Use &#x313; (hex), &#787; (decimal), or \313 in CSS content. Place the mark after the base letter (e.g. a&#x313;). There is no named HTML entity for U+0313.
U+0313 (COMBINING COMMA ABOVE). Combining Diacritical Marks block (U+0300–U+036F). Hex 313, decimal 787. Used for Greek psili (smooth breathing).
When you need the combining comma above in typography, linguistics, Greek transliteration (smooth breathing / psili), or when documenting Unicode combining characters.
HTML numeric references (&#787; or &#x313;) go in markup after the base character. The CSS escape \313 is used in stylesheets, typically in the content property of pseudo-elements.
HTML5 named entities focus on commonly used characters. Combining marks like U+0313 use numeric codes. This is standard for characters in the U+0300–U+036F range.

Explore More HTML Entities!

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

8 people found this page helpful