HTML Entity for Grave Accent Like (`)
What You'll Learn
How to display the Grave Accent Like character (`) in HTML—the standalone backtick at U+0060 (GRAVE ACCENT) in the Basic Latin block. Used on keyboards, in code (template literals), and technical documentation.
Render it with `, `, `, or CSS escape \60. Do not confuse this with the combining Grave Accent (U+0300), which attaches above letters to form à, è, and similar accented characters.
⚡ Quick Reference — Grave Accent Like
U+0060Basic Latin (backtick)
`Hexadecimal reference
`Decimal reference
`Most readable option
Name Value
──────────── ──────────
Unicode U+0060
Hex code `
HTML code `
Named entity `
CSS code \60
Meaning Backtick / grave accent like
Also called Grave accent (standalone)
Not to confuse U+0300 = combining grave (̀)Complete HTML Example
This example demonstrates the backtick (`) using hexadecimal code, decimal HTML code, the named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\60";
}
</style>
</head>
<body>
<p>Grave Accent Like using Hexadecimal: `</p>
<p>Grave Accent Like using Decimal: `</p>
<p>Grave Accent Like using Named Entity: `</p>
<p id="point">Grave Accent Like using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The backtick / Grave Accent Like (`) is universally supported in all modern browsers:
👀 Live Preview
See the backtick (`) in documentation and code contexts:
🧠 How It Works
Hexadecimal Code
` uses the Unicode hexadecimal value 60 to display the backtick. The x prefix indicates hexadecimal format.
Decimal HTML Code
` uses the decimal Unicode value 96 to display the same character.
Named Entity
` is the semantic named entity for the backtick (`)—readable in source HTML and part of the HTML5 character set.
CSS Entity
\60 is used in CSS stylesheets, particularly in the content property of pseudo-elements like ::before and ::after.
Same visual result
All four methods produce the glyph: `. Unicode U+0060 is the standalone backtick. Next: Grave Tone Mark.
Use Cases
The Grave Accent Like / backtick (`) is commonly used in:
JavaScript template literals, shell commands, and programming tutorials on the web.
API references, technical docs, and guides that show the backtick character.
Labels for shortcuts or keys that include the grave/backtick key.
Explaining inline code delimiters or preformatted text that uses backticks.
Opening quote or typographic grave in some language conventions.
HTML entity lists and character reference documentation.
💡 Best Practices
Do
- Use
`or`when showing backticks in HTML prose - Escape backticks in code examples so they render literally
- Prefer
`for readable source markup - Distinguish U+0060 (backtick) from U+0300 (combining)
- Serve pages with UTF-8 (
<meta charset="utf-8">)
Don’t
- Confuse
`(U+0060) with combining grave U+0300 for à - Leave raw backticks in HTML where parsers might misread them
- Put CSS escape
\60in HTML text nodes - Use U+0060 when you need a diacritic above a letter
- Mix entity styles randomly in one file
Key Takeaways
Three HTML references plus CSS all render `
` ` `For CSS stylesheets, use \60 in the content property
Unicode U+0060 — GRAVE ACCENT (backtick)
Combining accent for à is U+0300, not U+0060
Next: Grave Tone Mark
❓ Frequently Asked Questions
` (hex), ` (decimal), ` (named), or \60 in CSS content. All render the backtick (`).U+0060 (GRAVE ACCENT). Basic Latin block. Hex 60, decimal 96. Named entity: `. Not the same as combining U+0300.` (U+0060) is the standalone backtick (`). U+0300 is a combining mark placed after a letter to form à, è, and similar accented characters.`, `, or `) go in markup. The CSS escape \60 is used in stylesheets, typically in the content property of pseudo-elements. Same visual result, different layers of the stack.Explore More HTML Entities!
Discover 1500+ HTML character references — punctuation, combining marks, and more.
About the author
8 people found this page helpful