HTML Named Entities Reference

HTML named entities are special sequences of characters that represent reserved or special characters in HTML. Since characters like <, >, &, and " have special meanings in HTML markup, they must be replaced with their corresponding entity references when used as literal text. Named entities (like &) are more readable than numeric references (like &) and are widely supported across all browsers. They're essential for displaying special symbols, mathematical notations, currency signs, accented letters, and preventing code injection.

Named entities use a memorable name (e.g., © for ©), while numeric references use the character's Unicode code point in decimal (©) or hexadecimal (©) format. Named entities are easier to remember and read, but not every Unicode character has a named entity—only about 200+ do. Numeric references can represent any Unicode character. Both are valid in HTML5, but named entities are preferred for readability when available.

Yes, absolutely. HTML named entities are case-sensitive. For example, < produces < (less-than sign), while < or ≪ are not valid and won't be recognized. Always use the exact casing as defined in the HTML specification. Greek letter entities follow this pattern too: lowercase for lowercase letters (α → α) and initial capital for uppercase (Α → Α).

All modern browsers fully support the standard HTML named entities defined in the HTML5 specification (which incorporated entities from HTML4 and XHTML). This includes over 200 named entities covering Latin characters, Greek letters, mathematical symbols, arrows, punctuation, and more. For characters without named entities, use numeric references instead. Entities are part of the core HTML standard, so you can rely on them everywhere—from Chrome and Firefox to Safari and Edge.

Use   when you want to prevent an automatic line break between two words or elements. Common use cases include: keeping a person's first and last name together, preventing a number from being separated from its unit (e.g., "10 km"), keeping currency symbols attached to amounts, or creating visual spacing in navigation menus. Unlike a regular space, browsers won't wrap text at a non-breaking space. Be careful not to overuse it for layout purposes—use CSS margins and padding for proper spacing instead.

In JavaScript strings, you can use the actual Unicode character directly (e.g., "© 2024") or use the Unicode escape sequence ("\u00A9 2024"). HTML named entities like © only work within HTML markup. If you're setting innerHTML, entities will be parsed. For JSON, always use the actual character or Unicode escape—named entities are not valid JSON. When dynamically inserting content, prefer textContent over innerHTML to avoid entity interpretation issues and potential XSS vulnerabilities.

The essential ones every web developer should know: & (&), < (<), > (>), " ("), ' ('),   (non-breaking space), © (©), ® (®), ™ (™), — (—), – (–), € (€), and ♥ (♥). Bookmark this page or keep a reference chart handy for the rest—there's no shame in looking them up!