What Are HTML Entities? A Complete Guide to Special Characters in HTML

What Are HTML Entities?

HTML entities are sequences of characters that begin with an ampersand (&) and end with a semicolon (;). They are used to represent characters that have special meaning in HTML or that cannot be easily typed on a keyboard.

For example, the less-than sign < is written as < and the greater-than sign > is written as >. If you used the raw < character in your text, the browser would interpret it as the start of an HTML tag.

Why Are HTML Entities Important?

There are several key reasons to use HTML entities:

• Preventing parsing errors: Characters like <, >, and & have structural meaning in HTML. Using entities ensures the browser renders them as text rather than interpreting them as markup.
• Security: Encoding user input prevents cross-site scripting (XSS) attacks by neutralizing potentially dangerous characters.
• Displaying special symbols: Entities let you show characters like ©, ®, €, —, and many others that may not be available on every keyboard.
• Preserving whitespace: Entities like   (non-breaking space) help control spacing in ways that regular spaces cannot.

Common HTML Entities

Here are some of the most frequently used HTML entities:

• & — Ampersand (&)
• < — Less-than sign (<)
• > — Greater-than sign (>)
• " — Double quotation mark (")
• ' — Apostrophe (')
•   — Non-breaking space

Named vs Numeric Entities

HTML supports two types of entities. Named entities use a human-readable name, such as © for the copyright symbol. Numeric entities use the character's Unicode code point, such as © for the same symbol. Numeric entities can be written in decimal (©) or hexadecimal (©) format.

When to Encode HTML Entities

You should encode HTML entities whenever you insert user-generated content into a web page, display code snippets, or work with characters that overlap with HTML syntax. Most modern frameworks handle this automatically, but understanding the underlying mechanism helps you debug encoding issues and ensure your content displays correctly across all browsers.