HTML Entity for Grave Accent Like (`)

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

What Is Grave Accent Like?

Grave accent like (`) is the Unicode character at U+0060 in Basic Latin. Official name: GRAVE ACCENT. It is the spacing backtick — a standalone character, not a combining accent.

Remember
Character     `
Unicode       U+0060
Named entity  `
Hex entity    `
Decimal       `
CSS escape    \0060
Meaning       spacing grave accent / backtick
Not the same  à (combining grave) · à (à) · '

Prefer ` in HTML. Alternatives: `, `, or type ` directly in a UTF-8 document.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Named entity`HTML markup (preferred)
Hex entity`HTML markup
Decimal entity`HTML markup
Direct character`HTML text (UTF-8)
CSS escape\0060Stylesheet content

When to Use Which

SituationUse
Standalone backtick in HTML`
Accented letter àà or combining grave after a letter
Grave under a letterGrave accent below (U+0316)
Normal typing in code editorsType ` directly (ASCII key)
Generated text via ::before / ::aftercontent: "\0060"

Live Preview

Symbol alone, in a sample, and next to related forms.

Glyph `
Large glyph `
Sample Key: `   Pair: `code`
Compared `   à   à   '
With entities Named: ` | Hex: ` | Decimal: `

Complete HTML Example

One page that shows ` with named, hex, decimal, CSS escape, and a typed character. Use View Output or open the live editor.

Named + Hex + Decimal + CSS + Typed

Five ways to display ` in HTML and CSS.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Grave Accent Like (U+0060) in HTML</title>
  <style>
    #point::after {
      content: "\0060";
    }
  </style>
</head>
<body>
  <p>Built with Named: &grave;</p>
  <p>Built with Hex: &#x60;</p>
  <p>Built with Decimal: &#96;</p>
  <p id="point">Built with CSS: </p>
  <p>Typed: `</p>
  <p>Sample: <span aria-label="backtick code backtick">&grave;code&grave;</span></p>
  <p>Combining (different): a&#x300;</p>
</body>
</html>
Try It Yourself

How It Works

1. Named: &grave; is the HTML5 name for U+0060 → `. Prefer this in markup.

2. Hex: &#x60; inserts the same code point. Same visual as named.

3. Decimal: same code point as 96 → &#96;.

4. CSS: use \0060 in content (not an HTML entity). Prefer four hex digits so the escape does not swallow the next character.

5. Typed: paste or type ` in a UTF-8 document when you need the backtick. Compare with a&#x300; for a combining grave on a letter.

Pitfalls & Tips

Common mistakes when working with grave accent like / backtick.

Name

Prefer &grave;

The named entity is clearer in tutorials and when the raw ` key is awkward to type or escape.

Accent

Not a combining accent

&grave; does not turn a into à. Use &agrave; or a&#x300; for accented letters.

Quote

Not a straight apostrophe

Apostrophe / single quote is ' (U+0027). Backtick is ` (U+0060). Different keys and meanings.

CSS

Pad the CSS escape

Prefer \0060. A short \60 can swallow the next hex digit if one follows immediately.

CSS vs HTML

Do not mix escapes

\0060 belongs in CSS strings. &grave; / &#x60; / &#96; belong in HTML.

Markdown

Markdown uses backticks

In Markdown, ` wraps inline code. In HTML pages, show the character with &grave; when raw backticks confuse your tooling.

Semicolon

End references

Always finish entities with ; — write &grave;, not &grave.

Browser Support

Grave accent like / backtick (U+0060) and its entity forms (&grave;, &#x60;, &#96;, CSS \\0060) are supported in all mainstream browsers as a Basic Latin character.

✓ Universal support

Grave Accent Like (&#x0060;)

Encode with named, hex, decimal, CSS escape, or type the character — 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+0060 Full support

Bottom line: Prefer &grave; in HTML. Use &#x60; / &#96; when numeric form is required, and \\0060 only inside CSS content.

Key Takeaways

  • Unicode: backtick / grave like is U+0060 (decimal 96) — glyph `.
  • HTML: prefer &grave; — also &#x60; / &#96; / type `.
  • CSS: use \0060 inside content for generated text.
  • Meaning: ` ≠ combining grave — use &agrave; or U+0300 for à.

One line: U+0060 → &grave; / &#x60; / &#96; / CSS \0060.

Frequently Asked Questions

Prefer &grave; (named). You can also use &#x60; (hex), &#96; (decimal), type ` directly in UTF-8, or the CSS escape \0060 in content.
U+0060 (GRAVE ACCENT). Hex 60, decimal 96. It belongs to Basic Latin (ASCII).
Yes. HTML5 defines &grave; for U+0060. Prefer it when you want readable markup or when typing ` is awkward in your editor.
Use it for a standalone grave/backtick character in text, keyboards, or code documentation. For accented letters like à, use &agrave; or combining U+0300 — not &grave; alone.
HTML entities (&grave;, &#96;, or &#x60;) go in markup. The CSS escape \0060 goes in stylesheet strings (usually content on ::before/::after).
No. U+0060 is a spacing backtick (`). Combining grave accent is U+0300 and must follow a base letter (for example a&#x0300;).

Did you know?

Grave accent like (backtick) is Unicode U+0060 (decimal 96) — glyph ` (GRAVE ACCENT) in Basic Latin. HTML5 named entity: &grave;. Prefer &grave; in HTML. It is a spacing character, not the combining grave (U+0300). Common in code samples for template literals and Markdown inline code.

Next: Grave Tone Mark

Learn the HTML entity for combining grave tone mark (U+0340).

Grave tone mark 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