HTML Entity for Breve (U+0306)

Beginner
5 min read
Updated: Sep 2026
1 example
Unicode U+0306

What Is Breve?

Combining breve (U+0306) is a combining mark in the Combining Diacritical Marks block. It does not stand alone like a normal letter — it stacks above the character that comes before it. Example: a + ̆ renders as ă (same look as precomposed ă).

Remember
Character     combining breve (after a base)
Unicode       U+0306
Hex entity    ̆
Decimal       ̆
CSS escape    \0306
Named entity  (none)
Example       ă → ă
Not the same  ˘ U+02D8 (spacing breve)

Prefer a precomposed letter (e.g. ă / ă) for everyday text. Use U+0306 when you need to compose accents, work with NFD text, or attach a breve to a base that has no single precomposed form.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Hex entity̆HTML markup (after base letter)
Decimal entity̆HTML markup (after base letter)
CSS escape\0306Stylesheet content string
Precomposed ăă / ăNormal prose (often simpler)
Named entity (U+0306)—Not defined in HTML5

When to Use Which

SituationUse
Normal words with ă, ğ, ŭPrecomposed letters (ă, ă)
Need combining mark in HTML sourceă or ă
Generated text via ::before / ::aftercontent: "a\0306"
Want a standalone spacing breve (˘)U+02D8 — not U+0306
Breve under the letterU+032E

Live Preview

Combining breve after common vowels (same code point, different bases).

Vowels + breve ă   ĕ   ĭ   ŏ   ŭ
Large (a + breve) ă
In a word măsura (a + U+0306) vs măsură (precomposed)
vs. spacing breve ă combining  ·  ˘ spacing
With entities Hex: ă | Decimal: ă

Complete HTML Example

One page that attaches U+0306 to the letter a with hex, decimal, CSS escape, and a typed combining sequence. Use View Output or open the live editor.

Hex + Decimal + CSS + Typed

Four ways to produce ă (a + combining breve) in one document.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Combining Breve (U+0306) in HTML</title>
  <style>
    #point::after {
      content: "a\0306";
    }
  </style>
</head>
<body>
  <p>Breve using Hex Code: a&#x0306;</p>
  <p>Breve using HTML Code: a&#774;</p>
  <p id="point">Breve using CSS Entity: </p>
  <p>Typed directly: ă</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: write the base letter, then &#x0306; → a&#x0306; becomes ă.

2. Decimal: same mark as 774 → a&#774;. Same result as hex.

3. CSS: put base + escape in one string: content: "a\0306". #point::after appends that sequence after the paragraph text.

4. Typed: in UTF-8 you can type a then the combining breve. Order must stay base first, mark second.

Pitfalls & Tips

Common mistakes when working with combining breve.

Order

Base letter first

Write a&#x0306;, never put U+0306 before the letter you want to accent.

Named?

No named entity for U+0306

Use numeric forms. &abreve; is for precomposed ă (U+0103), not the combining mark.

˘

Not spacing breve

Spacing breve ˘ (U+02D8) stands alone. U+0306 must follow a base character.

CSS vs HTML

Do not mix escapes

\0306 belongs in CSS strings. &#x0306; / &#774; belong in HTML.

Fonts

Combining support varies

Some fonts stack poorly. If layout looks wrong, prefer a precomposed letter for display text.

Semicolon

End references

Always finish with ; — write &#774;, not &#774.

Browser Support

Combining breve (U+0306) and its numeric entity forms (&#x0306;, &#774;, CSS \\0306) are supported in all mainstream browsers. Stacking quality depends on font support for combining marks.

✓ Universal support

Breve (U+0306)

Encode with hex, decimal, or CSS escape after a base letter — same combining mark everywhere encoding is supported.

100% Browser coverage
Google Chrome Supported
Yes
Microsoft Edge Supported
Yes
Mozilla Firefox Supported
Yes
Apple Safari Supported
Yes
Opera Supported
Yes
Internet Explorer All versions
Yes
U+0306 / entities Full support

Bottom line: Prefer precomposed letters for normal prose. Use &#x0306; or &#774; after a base letter when you need the combining mark, and \\0306 only inside CSS content strings.

Key Takeaways

  • Unicode: combining breve is U+0306 (decimal 774).
  • HTML: base first, then &#x0306; or &#774; (e.g. a&#x0306;).
  • CSS: use "a\0306" (or another base) inside content.
  • Default: use precomposed ă / &abreve; for everyday text when you can.

One line: U+0306 → after a base letter as &#x0306; / &#774; / CSS \0306.

Frequently Asked Questions

Place &#x0306; (hex) or &#774; (decimal) immediately after a base letter — for example a&#x0306; for ă. In CSS, use content: "a\0306". There is no named HTML entity for U+0306.
U+0306 (hex 0306, decimal 774). It belongs to the Combining Diacritical Marks block (U+0300–U+036F) and stacks above the preceding base character.
No. Use numeric references like &#774; or &#x0306;. For the precomposed letter ă, you can use &abreve; (U+0103) instead of a + U+0306.
Use U+0306 when composing accents dynamically, for linguistic/NFD text, or bases without a precomposed form. For normal prose, the precomposed character (e.g. ă / &abreve;) is usually simpler.
HTML entities (&#774; or &#x0306;) go in markup after the base letter. The CSS escape \0306 goes in stylesheet strings (usually content on ::before/::after), typically as "a\0306".
U+0306 is a combining mark that attaches to the previous character. U+02D8 (breve) is a spacing modifier that stands alone. Do not use them interchangeably.

Did you know?

Combining breve is Unicode U+0306 (decimal 774). It is a combining mark — place it after a base letter (e.g. a&#x0306; → ă). HTML5 has no named entity for U+0306. It is not spacing breve (U+02D8 ˘).

Next: Breve Below

Learn the HTML entity for combining breve below (U+032E).

Next tutorial →

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