HTML Character Entity Codes Cheat Sheet

HTML character entity codes let you use special characters in your HTML that either can’t be typed directly or would otherwise interfere with HTML syntax. Below is a quick reference to the most useful ones for layout, typography, and clean formatting.

🔒 Non‑Breaking & Invisible Characters

  •  Non‑breaking space (U+00A0): Prevents automatic line breaks between words.
  • ‑Non‑breaking hyphen (U+2011): Prevents splitting a hyphenated word across lines.
  • ­Soft hyphen (U+00AD): Hyphen appears only if the word breaks at that point.
  •  Thin space (U+2009): A subtle space between characters, useful for precise typesetting.
  • ‌Zero‑width non‑joiner (U+200C): Prevents ligatures between letters.
  • ‍Zero‑width joiner (U+200D): Forces ligature where one wouldn’t normally form.

🛑 Reserved Characters in HTML

Used to safely display code‑related characters:

  • && (ampersand)
  • &lt;< (less than)
  • &gt;> (greater than)
  • &quot;" (double quote)
  • &apos;' (apostrophe/single quote)

✍️ Typography & Symbols

  • &copy; — © (copyright)
  • &reg; — ® (registered trademark)
  • &trade; — ™ (trademark)
  • &bull; — • (bullet)
  • &hellip; — … (ellipsis)
  • &ndash; — – (en dash, U+2013): Used for number ranges like 10–20
  • &mdash; — — (em dash, U+2014): The long hyphen — great for breaks in thought or emphasis

💰 Currency Symbols

  • &cent; — ¢
  • &dollar; — $ (optional, but works)
  • &euro; — €
  • &pound; — £
  • &yen; — ¥

➡️ Arrows & Navigation

  • &larr; — ← (left arrow)
  • &rarr; — → (right arrow)
  • &uarr; — ↑ (up arrow)
  • &darr; — ↓ (down arrow)
  • &harr; — ↔ (left‑right arrow)

⚡ Bonus Tip: Use Numeric Codes

You can use decimal or hexadecimal codes to access any Unicode character:

  • &#8201; — Thin space
  • &#8212; or &#x2014; — Em dash (long hyphen)

📌 Final Note

HTML entities give you fine control over layout and readability — perfect for writing that looks as good as it reads. Keep this list handy next time you’re coding or writing markup.


About the Author

Dusty Hale
I’m a professional full stack web application developer having worked in multiple application stacks for 27+ years, since 1998. My career began in Atlanta, GA, where I worked as a developer with Kaplan Communications, Spun Logic, and b2bTech. In current times, I am the project director for hale.group. I live in Tamarindo, Costa Rica and work remotely from a dedicated work space.
Dusty Hale Signature

HTML character entity codes let you use special characters in your HTML that either can’t be typed directly or would otherwise interfere with HTML syntax. Below is a quick reference to the most useful ones for layout, typography, and clean formatting.

🔒 Non‑Breaking & Invisible Characters

  • &nbsp;Non‑breaking space (U+00A0): Prevents automatic line breaks between words.
  • &#8209;Non‑breaking hyphen (U+2011): Prevents splitting a hyphenated word across lines.
  • &shy;Soft hyphen (U+00AD): Hyphen appears only if the word breaks at that point.
  • &thinsp;Thin space (U+2009): A subtle space between characters, useful for precise typesetting.
  • &zwnj;Zero‑width non‑joiner (U+200C): Prevents ligatures between letters.
  • &zwj;Zero‑width joiner (U+200D): Forces ligature where one wouldn’t normally form.

🛑 Reserved Characters in HTML

Used to safely display code‑related characters:

  • &amp;& (ampersand)
  • &lt;< (less than)
  • &gt;> (greater than)
  • &quot;" (double quote)
  • &apos;' (apostrophe/single quote)

✍️ Typography & Symbols

  • &copy; — © (copyright)
  • &reg; — ® (registered trademark)
  • &trade; — ™ (trademark)
  • &bull; — • (bullet)
  • &hellip; — … (ellipsis)
  • &ndash; — – (en dash, U+2013): Used for number ranges like 10–20
  • &mdash; — — (em dash, U+2014): The long hyphen — great for breaks in thought or emphasis

💰 Currency Symbols

  • &cent; — ¢
  • &dollar; — $ (optional, but works)
  • &euro; — €
  • &pound; — £
  • &yen; — ¥

➡️ Arrows & Navigation

  • &larr; — ← (left arrow)
  • &rarr; — → (right arrow)
  • &uarr; — ↑ (up arrow)
  • &darr; — ↓ (down arrow)
  • &harr; — ↔ (left‑right arrow)

⚡ Bonus Tip: Use Numeric Codes

You can use decimal or hexadecimal codes to access any Unicode character:

  • &#8201; — Thin space
  • &#8212; or &#x2014; — Em dash (long hyphen)

📌 Final Note

HTML entities give you fine control over layout and readability — perfect for writing that looks as good as it reads. Keep this list handy next time you’re coding or writing markup.


About the Author

Dusty Hale
I’m a professional full stack web application developer having worked in multiple application stacks for 27+ years, since 1998. My career began in Atlanta, GA, where I worked as a developer with Kaplan Communications, Spun Logic, and b2bTech. In current times, I am the project director for hale.group. I live in Tamarindo, Costa Rica and work remotely from a dedicated work space.
Dusty Hale Signature

Cool Stuff

Perfectly Balanced Text: How to Use text-wrap: balance; in CSS

In modern UX design, it's often the little details that make a website feel polished and professional. One of those details? Perfectly balanced text in headings and paragraphs.

read more

Customizing the WordPress Search Form with Bootstrap 5

WordPress includes a built-in get_search_form() function to render a search field, but the default version is plain and unstyled.

read more

How to Build an AI Prompt Using CFML and/or cfScript (Part 1)

If you're a ColdFusion developer curious about integrating AI into your projects, this quick-start guide is for you.

read more