HTML Entity for Grave Accent (à)

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

What Is Grave Accent?

Combining grave accent is the Unicode character at U+0300 in Combining Diacritical Marks. Official name: COMBINING GRAVE ACCENT. It must follow a base letter (for example a + U+0300 → à).

Remember
Character     ◌̀ (combining; needs a base letter)
Unicode       U+0300
Hex entity    ̀
Decimal       ̀
CSS escape    \0300
Named entity  (none)
Meaning       combining grave accent above
Not the same  ` (`) · à (à) · ̖ (grave below)

Prefer ̀ or ̀ after a letter (no named form for the combining mark). For common accented letters, prefer precomposed forms like à (à).

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entityNone (combining)—
Hex entitỳAfter a base letter in HTML
Decimal entitỳAfter a base letter in HTML
Precomposed exampleàHTML when à is enough
CSS escape\0300Stylesheet content

When to Use Which

SituationUse
Build à dynamicallyà or à
Common letter àLowercase a grave — à
Standalone backtick / grave mark` (`, U+0060)
Grave under the letterGrave accent below (U+0316)
Generated text via ::before / ::aftercontent: "a\0300" (base + escape)

Live Preview

Always shown on a base letter — combining marks do not stand alone.

With base à è ì ò ù
Large à
Sample voilà / voilà
Compared à   à   `   a̖
With entities Hex: à | Decimal: à | Precomposed: à

Complete HTML Example

One page that builds grave accents with hex, decimal, CSS escape, and a precomposed letter. Use View Output or open the live editor.

Hex + Decimal + CSS + Precomposed

Four ways to show a grave accented letter in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Grave Accent (U+0300) in HTML</title>
  <style>
    #point::after {
      content: "a\0300";
    }
  </style>
</head>
<body>
  <p>Built with Hex: a&#x300;</p>
  <p>Built with Decimal: a&#768;</p>
  <p id="point">Built with CSS: </p>
  <p>Precomposed: &agrave;</p>
  <p>Spacing grave (different): &grave;</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex: a&#x300; places combining grave after a → à.

2. Decimal: same mark as 768 → a&#768;. Same visual as hex.

3. CSS: use \0300 with a base letter in content, for example "a\0300". Prefer four hex digits so the escape does not swallow the next character.

4. Precomposed: &agrave; is one character (à). Prefer it for fixed text. &grave; is the spacing backtick (`), not a combining accent.

Pitfalls & Tips

Common mistakes when working with combining grave accent.

Base

Always use a base letter

U+0300 alone may look like a floating mark or nothing useful. Write a&#x300;, not a lone &#x300;.

Name

No named combining entity

There is no HTML5 named entity for U+0300. Use &#x300; or &#768;. Do not confuse with &grave;.

à

Prefer precomposed when possible

For à, use &agrave;. Combining forms are best when you need flexible base letters.

CSS

Pad the CSS escape

Prefer \0300. A short \300 can swallow the next hex digit if one follows immediately.

CSS vs HTML

Do not mix escapes

\0300 belongs in CSS strings. &#x300; / &#768; belong in HTML.

Font

Font stacking matters

Some fonts render combining marks poorly. If à looks wrong, try a font with strong diacritic support or use &agrave;.

Semicolon

End references

Always finish entities with ; — write &#x300;, not &#x300.

Browser Support

Combining grave accent (U+0300) and its entity forms (&#x300;, &#768;, CSS \\0300) are supported in all mainstream browsers. Visible stacking depends on font support for combining marks.

✓ Universal support

Grave Accent (a&#x0300;)

Encode with hex or decimal after a base letter, or use CSS escape with a base in content — same code point 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+0300 Full support

Bottom line: Prefer a&#x300; in HTML (no named combining form). Use &agrave; for precomposed à, and \\0300 only inside CSS content.

Key Takeaways

  • Unicode: combining grave is U+0300 (decimal 768) — needs a base letter.
  • HTML: no named combining entity — use a&#x300; / a&#768;.
  • CSS: use \0300 with a base letter inside content.
  • Meaning: U+0300 ≠ &grave;; prefer &agrave; for à.

One line: base + U+0300 → a&#x300; / a&#768; / CSS a\0300 (or use &agrave;).

Frequently Asked Questions

Place &#x300; (hex) or &#768; (decimal) after a base letter, for example a&#x300;. There is no named HTML entity for U+0300. You can also use CSS \0300 in content.
U+0300 (COMBINING GRAVE ACCENT). Hex 300, decimal 768. It belongs to Combining Diacritical Marks (U+0300–U+036F).
No. HTML5 does not define a named entity for combining grave accent. Prefer &#x300; or &#768;. Precomposed à uses &agrave;.
Use it to build accented letters dynamically when a precomposed character is unavailable. For common letters like à, è, ì, prefer named precomposed entities such as &agrave;.
HTML numeric entities (&#768; or &#x300;) go in markup after a base letter. The CSS escape \0300 goes in stylesheet strings (usually content on ::before/::after).
No. U+0300 is a combining mark that attaches to the previous letter. &grave; is the spacing grave accent (U+0060, `) — a standalone character.

Did you know?

Combining grave accent is Unicode U+0300 (decimal 768) — COMBINING GRAVE ACCENT in Combining Diacritical Marks. There is no HTML5 named entity; use &#x300; or &#768; after a base letter (for example a&#x300; → à). Prefer precomposed letters when available (for example &agrave; → à). The spacing grave mark is a different character: &grave; (`, U+0060).

Next: Grave Accent Below

Learn the HTML entity for combining grave accent below (U+0316).

Grave accent below 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