HTML Entity for Combining Caron (̌)

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

What You'll Learn

How to display the Combining Caron (̌) in HTML and CSS. This character is U+030C in the Combining Diacritical Marks block (U+0300–U+036F), approved in Unicode 1.1 (1993). Also called háček (Czech for “little hook”), it is a nonspacing mark shaped like an inverted circumflex that attaches above the preceding base character.

There is no named HTML entity for U+030C. Use ̌ or ̌ in markup, or \30C in stylesheet content. Place the mark after the base letter (e.g. č renders as č). Do not confuse with ˇ, which refers to U+02C7 (ˇ), the standalone spacing modifier letter caron.

⚡ Quick Reference — Combining Caron

Unicode U+030C

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

Hex Code ̌

Hexadecimal reference

HTML Code ̌

Decimal reference

Named Entity

None for U+030C (ˇ = U+02C7)

Reference Table
Name           Value
────────────   ──────────
Unicode        U+030C
Hex code       ̌
HTML code      ̌
Named entity   — (see ˇ for U+02C7)
CSS code       \30C
1

Complete HTML Example

This example shows U+030C using hexadecimal and decimal references, combining with Czech letters, plus a CSS content escape. There is no named HTML entity for the combining caron:

html
<!DOCTYPE html>
<html>
<head>
 <style>
  #point:after{
   content: "\30C";
  }
 </style>
</head>
<body>
<p>Caron using Hexa Decimal: &#x030C;</p>
<p>Caron using HTML Code: &#780;</p>
<p id="point">Caron using CSS Entity: </p>
</body>
</html>
Try it Yourself

🌐 Browser Support

The Combining Caron is supported in all modern browsers when paired with a base character:

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

👀 Live Preview

See the Combining Caron with Slavic letters and compared to related characters:

Czech combining č   š   ž   ř
Precomposed č   š   ž   ř
Standalone mark ̌
vs spacing caron Combining: U+030C   Spacing: ˇ (U+02C7, &caron;)
Monospace refs &#x030C; &#780; \30C

🧠 How It Works

1

Hexadecimal Code

&#x030C; references code point U+030C using hex digits 030C. Place it immediately after a base letter (e.g. c&#x030C;).

HTML markup
2

Decimal HTML Code

&#780; is the decimal equivalent (780) for the same Combining Caron character.

HTML markup
3

CSS Entity

\30C is the CSS escape for U+030C, used in the content property of ::before or ::after.

CSS stylesheet
=

Combining result

The mark attaches above the preceding base character to form letters like č, š, and ž. No named entity exists for U+030C; &caron; is U+02C7.

Use Cases

The Combining Caron (̌) commonly appears in:

🇨🇿 Czech & Slovak

Letters č, š, ž, ř, ď, ť, ň and Slovak variants.

🇮🇸 Slovenian

Characters č, š, ž in the Slovenian alphabet.

🔤 Phonetic transcription

IPA-style notation for palatalization and postalveolar articulation.

📚 Baltic & Finnic

Latvian, Lithuanian, Finnic, Samic, and Berber orthographies.

🇨🇳 Mandarin romanization

Pinyin and other systems for contour tone marking.

📖 Dictionaries

Pronunciation guides, language learning, and lexical databases.

♿ Accessibility

Use proper lang attributes so screen readers pronounce Slavic text correctly.

💡 Best Practices

Do

  • Place &#x030C; or &#780; immediately after the base letter
  • Prefer precomposed letters (č, š, ž) when available
  • Set lang="cs", lang="sk", etc. on Slavic content
  • Use fonts with Central European glyph support (Noto Serif, Georgia)
  • Declare <meta charset="utf-8"> for reliable combining

Don’t

  • Use &caron; when you need U+030C combining caron
  • Put the combining mark before the base character
  • Confuse caron (̌) with breve (U+0306) or circumflex (U+0302)
  • Put CSS escape \30C inside HTML text nodes
  • Mix entity styles randomly in one file

Key Takeaways

1

Two HTML references for the combining mark

&#x030C; &#780;
2

For CSS stylesheets, use the escape in the content property

\30C
3

U+030C Combining Caron — háček above base letters

4

Forms Czech/Slovak letters: č, š, ž, ř

5

&caron; is U+02C7 (ˇ) — not U+030C

❓ Frequently Asked Questions

Use &#x030C; (hex), &#780; (decimal), or \30C in CSS content. Place the mark right after the base letter (e.g. c&#x030C; for č). There is no named HTML entity for U+030C.
U+030C (Combining Caron). Combining Diacritical Marks block (U+0300–U+036F). Hex 030C, decimal 780. Háček placed above the base character.
For Czech, Slovak, Slovenian, Baltic, Finnic, and Samic language content; phonetic transcription; Mandarin romanization; and characters like č, š, and ž.
HTML numeric references (&#780; or &#x030C;) go directly in markup after the base letter. The CSS escape \30C is used in stylesheets, typically in the content property of pseudo-elements.
No for U+030C. &caron; (also &Hacek;) refers to U+02C7 (ˇ), the spacing modifier letter caron—a standalone character, not the combining mark.

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