HTML Entity for Tilde Bold (~)
What You'll Learn
How to display the standard Tilde symbol (~) in HTML using hexadecimal, decimal, named entity, and CSS escape methods. This character is U+007E (TILDE) in the Basic Latin block—the ASCII tilde on your keyboard, used in file paths, URLs, and technical notation.
Render it with ~, ~, the named entity ˜, or CSS escape \007E. You can also type ~ directly. Do not confuse ~ with ∼ (Tilde Operator, U+223C) or ∽ (Tilde Inverse). For a bold appearance, use CSS font-weight—there is no separate “bold tilde” Unicode character.
⚡ Quick Reference — Tilde Entity
U+007EBasic Latin (ASCII)
~Hexadecimal reference
~Decimal reference
˜Most readable option
Name Value
──────────── ──────────
Unicode U+007E
Hex code ~
HTML code ~
Named entity ˜
CSS code \007E
Block Basic Latin (ASCII)
Official name TILDE
Related U+223C; = Tilde Operator (∼), U+223D; = Tilde Inverse (∽)Complete HTML Example
This example demonstrates the Tilde symbol (~) using hexadecimal code, decimal HTML code, named entity, and a CSS content escape:
<!DOCTYPE html>
<html>
<head>
<style>
#point:after{
content: "\007E";
}
</style>
</head>
<body>
<p>Using Hexadecimal: ~</p>
<p>Using HTML Code: ~</p>
<p>Using Named Entity: ˜</p>
<p id="point">Using CSS Entity: </p>
</body>
</html>🌐 Browser Support
The Tilde entity is universally supported—U+007E is standard ASCII:
👀 Live Preview
See the Tilde symbol (~) in common contexts:
🧠 How It Works
Hexadecimal Code
~ uses the Unicode hexadecimal value 7E to display the Tilde symbol.
Decimal HTML Code
~ uses the decimal Unicode value 126 to display the same character.
CSS Entity
\007E is used in CSS stylesheets in the content property of pseudo-elements like ::before and ::after.
Named Entity
˜ is the semantic named entity — the easiest to read in source HTML.
Same visual result
All four methods produce the glyph: ~. Unicode U+007E in Basic Latin (ASCII). You can also type it directly on most keyboards.
Use Cases
The Tilde symbol (~) commonly appears in:
Unix/Linux home directory shorthand (~/Documents).
Web addresses and path segments containing ~.
Approximation and informal equivalence in text.
Config files, CLI docs, and code examples.
System administration and developer guides.
Approximate values in informal notation.
Delimiters and styled inline symbols.
💡 Best Practices
Do
- Prefer
˜for readable source markup - Use entities when generating HTML programmatically
- Use CSS
font-weight: boldfor a bold ~ appearance - Pick one style (hex / decimal / named) per project
- Type ~ directly when encoding is UTF-8 and context is plain text
Don’t
- Confuse ~ (U+007E) with ∼ (Tilde Operator) or ∽ (Tilde Inverse)
- Expect a separate Unicode “bold tilde” character
- Put CSS escape
\007Edirectly in HTML text nodes - Use HTML entities in JS (use
\u007Eor"~"instead) - Mix entity styles randomly in one file
Key Takeaways
Three HTML references all render ~
~ ~ ˜For CSS stylesheets, use the escape in the content property
\007EUnicode U+007E — TILDE (ASCII)
Prefer ˜ for readability in HTML source
Bold appearance = CSS font-weight, not a different character
❓ Frequently Asked Questions
~ (hex), ~ (decimal), ˜ (named), or \007E in CSS content. You can also type ~ directly. All produce ~.U+007E (TILDE). Basic Latin / ASCII block. Hex 7E, decimal 126. Standard keyboard character.˜ is more readable in source code. Numeric references (~ or ~) are more explicit. CSS escape \007E is for stylesheets only. All produce ~.˜ is the named HTML entity for ~ (U+007E). It is part of the HTML5 standard and is preferred when readability matters.Explore More HTML Entities!
Discover 1500+ HTML character references — ASCII, math symbols, and more.
About the author
8 people found this page helpful