TFT

HTML Special Characters & Symbols Library

Browse a complete library of HTML special characters, symbols, and entity codes. Find and copy codes for arrows, math symbols, currency, and more.

HTML Special Characters Library

Quick Reference:

& = &
< = &lt;
> = &gt;
" = &quot;
' = &apos;
  = &nbsp;
© = &copy;
® = &reg;

How the HTML Special Characters Library Works

This tool provides a searchable reference of HTML entities - special characters that need encoding in HTML. Instead of typing &copy; from memory, search for "copyright" and get the entity code plus a preview.

HTML entities come in two forms: named entities (&nbsp;, &mdash;) and numeric entities (&#160;, &#xA0; for hex). This library shows both formats plus the actual character for visual reference.

Character categories included:

  • Punctuation - quotes, dashes, ellipsis, bullets
  • Currency symbols - dollar, euro, pound, yen, bitcoin
  • Mathematical operators - plus, minus, multiply, divide, equals
  • Greek letters - alpha, beta, gamma, delta, pi, sigma
  • Latin extended - accented characters (é, ñ, ü)
  • Arrows - left, right, up, down, diagonal arrows
  • Technical symbols - copyright, trademark, registered, section
  • Emoji and symbols - hearts, stars, checkmarks

Click any character to copy its entity code to clipboard. Search by name ("em dash"), Unicode code point ("U+2014"), or the character itself ("—"). Filter by category to browse related symbols.

When You'd Actually Use This

Writing content with proper typography

Your blog post needs proper quotes ("curly" not "straight"), em dashes (— not --), and ellipses (… not ...). Look up the entities, paste into your CMS, and your content looks professionally typeset.

Creating legal disclaimers

Footers need copyright (©), registered trademark (®), and trademark (™) symbols. Find them quickly, copy the entity, drop into your HTML. No hunting through character maps.

Building international forms

Form labels need accented characters for multiple languages. "Café" not "Cafe", "Niño" not "Nino". Use proper HTML entities to ensure correct display across all browsers and systems.

Writing mathematical content

Math equations need proper operators: × not x for multiplication, ÷ not / for division, ≠ for not-equal. Find the right symbols, use correct entities, and equations render properly.

Debugging encoding issues

A character displays as "" or "?" on your site. Look it up in the library to find the correct entity. Replace the broken character with the proper HTML entity and it renders correctly.

Creating email templates

Email clients have inconsistent character encoding support. Using HTML entities for special characters ensures they display correctly across Gmail, Outlook, Apple Mail, and mobile clients.

What to Know Before Using

UTF-8 makes many entities optional.With <meta charset="UTF-8">, you can type most characters directly (é, ©, —). Entities are still useful for characters hard to type or for maximum compatibility.

Some entities have limited support.Named entities like &Exists; or &angmsd; work in modern browsers but might not render in very old browsers. Numeric entities (&#x2203;) have broader support.

Ampersands must be escaped.A literal & in HTML must be written as &amp;. Otherwise browsers think you're starting an entity. This is the one entity you absolutely must use correctly.

Angle brackets in content need entities.To display <div> as text (not as HTML), write &lt;div&gt;. Otherwise browsers try to parse it as a tag.

Pro tip: For content with many special characters, consider using a rich text editor that handles entities automatically. Or write in Markdown and let your static site generator handle encoding.

Common Questions

Do I need entities with UTF-8 encoding?

Not strictly - UTF-8 supports virtually all characters directly. But entities are still useful for: characters hard to type, maximum compatibility, documenting intent, and avoiding encoding issues in transit.

What's the difference between named and numeric entities?

Named entities (&copy;) are human-readable but limited to ~2,000 characters. Numeric entities (&#169; or &#xA9;) work for any Unicode character - over 140,000 possibilities.

How do I find an entity if I don't know its name?

Search by description ("right arrow"), Unicode code point ("U+2192"), or paste the character itself. The library matches against multiple fields to help you find what you need.

Can I use entities in CSS?

CSS uses Unicode escapes, not HTML entities. For content, use content: "\2014" (hex Unicode) not "&mdash;". HTML entities only work in HTML content, not CSS.

Why do some entities look different in different fonts?

Entity codes map to Unicode characters. How they render depends on the font. An em dash in Arial looks slightly different than in Georgia. The entity is correct; font choice affects appearance.

Are HTML entities case-sensitive?

Named entities are case-sensitive in XHTML (&Lt; won't work) but most browsers accept them case-insensitively in HTML5. Stick to lowercase for consistency and compatibility.

Can I use entities in JavaScript strings?

HTML entities don't work in JavaScript strings - they're an HTML feature. In JS, use Unicode escapes: "\u00A9" for copyright. Or just type the character directly in UTF-8 encoded files.