HTML Entity for Tilde Bold (~)

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

What Is Tilde Bold?

Tilde bold on this page means the ASCII tilde (~) at Unicode U+007E in Basic Latin. Official name: TILDE. It is the keyboard tilde used in paths, URLs, and technical text. There is no separate “bold tilde” code point — use CSS font-weight for a heavier look.

Remember
Character     ~
Unicode       U+007E
Hex entity    ~
Decimal       ~
CSS escape    \007E
Named entity  (none for U+007E)
Not the same  ˜ / ∼ → ∼ (U+223C)

Prefer typing ~ directly, or use ~ / ~ in markup. Do not use ˜ when you need ASCII ~ — that named entity is the math operator.

Quick Reference

One table for every form you will actually use.

FormCodeWhere it goes
Direct character~HTML text (preferred)
Hex entity~HTML markup
Decimal entity~HTML markup
CSS escape\007EStylesheet content
Named entity for U+007E—Not defined in HTML5
Math tilde (related)∼ / ˜ (∼)U+223C, not ASCII ~

When to Use Which

SituationUse
ASCII tilde (paths, code, URLs)~ or ~ / ~
Mathematical tilde / similarity∼ / ∼
Tilde inverse∽ / ∽
Bold appearanceCSS font-weight: bold on ~
Generated text via ::before / ::aftercontent: "\007E"

Live Preview

ASCII tilde rendered next to related marks, including a bold style.

Example Path: ~/projects
Large glyph ~
Bold via CSS ~
Compared ~   ∼   ∽
With entities Hex: ~ | Decimal: ~

Complete HTML Example

One page that shows ASCII tilde with hex, decimal, typed character, CSS escape, and a bold style. Use View Output or open the live editor.

Hex + Decimal + Typed + CSS

Four ways to produce ~, plus a short path example and bold style.

html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>ASCII Tilde (~) in HTML</title>
  <style>
    #point::after {
      content: "\007E";
    }
    .bold-tilde {
      font-weight: 700;
    }
  </style>
</head>
<body>
  <p>Using Hex Code: &#x7E;</p>
  <p>Using HTML Code: &#126;</p>
  <p id="point">Using CSS Entity: </p>
  <p>Typed directly: ~</p>
  <p>Bold style: <span class="bold-tilde">~</span></p>
  <p>Example: Path: ~/projects</p>
</body>
</html>
Try It Yourself

How It Works

1. Hex / decimal: U+007E → &#x7E; or &#126;. The browser turns either into ~.

2. Typed: most keyboards can type ~ directly in UTF-8 HTML — often the simplest option.

3. CSS: use \007E in content (not an HTML entity). #point::after appends that ~ after the paragraph text.

4. Bold: font-weight: 700 styles the same ~ character — it does not change the Unicode value.

Pitfalls & Tips

Common mistakes when working with ASCII Tilde.

˜

Named entity trap

&tilde; and &sim; produce U+223C (∼), not ASCII ~. For keyboard tilde, type ~ or use &#126;.

∼

Not the math operator

Use Tilde (U+223C) for similarity notation. Keep U+007E for paths and plain text.

Bold

No bold Unicode tilde

“Tilde bold” is this page’s name for ASCII ~. Bold weight comes from CSS, not a different code point.

CSS vs HTML

Do not mix escapes

\007E belongs in CSS strings. &#x7E; / &#126; belong in HTML.

JS

Use JS escapes in scripts

In JavaScript strings prefer "~" or "\u007E". HTML entities are for markup, not JS source.

Semicolon

End numeric references

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

Browser Support

ASCII tilde (U+007E) and its entity forms (&#x7E;, &#126;, CSS \\007E) are supported in all mainstream browsers — it is core Basic Latin.

✓ Universal support

Tilde Bold (~)

Encode with hex, decimal, CSS escape, or type the character — same ASCII code point everywhere.

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+007E / entities Full support

Bottom line: Prefer typing ~, or use &#x7E; / &#126;. Remember: &tilde; is U+223C, not U+007E.

Key Takeaways

  • Unicode: this mark is U+007E (decimal 126) — glyph ~.
  • HTML: type ~, or use &#x7E; / &#126; — no named entity for U+007E.
  • CSS: use \007E inside content; use font-weight for a bold look.
  • Watch out: &tilde; ≠ ASCII ~ — named form is math ∼ (U+223C).

One line: U+007E → type ~ / &#x7E; / &#126; / CSS \007E.

Frequently Asked Questions

Type ~ directly, or use &#x7E; (hex), &#126; (decimal), or the CSS escape \007E in content. There is no named HTML entity for U+007E.
U+007E (TILDE). Hex 7E, decimal 126. It belongs to Basic Latin (ASCII).
No. In HTML5, &tilde; (and &sim;) map to U+223C TILDE OPERATOR (∼), not U+007E. Use &#126;, &#x7E;, or type ~ for the keyboard tilde.
Use it for home-directory paths (~/docs), approximate values in plain text, URLs, and programming syntax. Prefer &sim; when you need the mathematical tilde operator.
HTML entities (&#126; or &#x7E;) go in markup. The CSS escape \007E goes in stylesheet strings (usually content on ::before/::after).
No. “Tilde bold” here is the page name for ASCII ~. Make it look bold with CSS font-weight — there is no separate bold-tilde Unicode code point.

Did you know?

Tilde bold on this site refers to the ASCII tilde (~) — Unicode U+007E (decimal 126), TILDE in Basic Latin. HTML5 has no named entity for U+007E. The names &tilde; and &sim; produce the math tilde operator (U+223C, ∼), not ASCII ~. For a bold look, use CSS font-weight.

Next: Tilde Inverse

Learn the HTML entity for tilde inverse (∽).

Continue 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