HTML Entities Explained

HTML entities are special codes used to display characters that would otherwise be interpreted as part of HTML markup or that cannot easily be typed on a keyboard. They allow developers to safely display reserved symbols, mathematical operators, currency signs, accented letters and many other Unicode characters inside HTML documents.

Without HTML entities, browsers might mistake certain characters for HTML tags or attributes, resulting in broken layouts or unexpected rendering.

Why HTML Entities Exist

Some characters have special meanings in HTML syntax. For example, the less-than symbol (<) begins an HTML tag, while the ampersand (&) starts an entity reference. To display these characters literally, they must be encoded as HTML entities.

<div>

&

"Hello"

When rendered by a browser, these entities appear as normal characters rather than being interpreted as markup.

Reserved Characters

The most commonly encoded characters are those reserved by the HTML specification.

Named Entities

Named entities use descriptive names that are easier for humans to read and remember.

©

 

€

™

Each named entity corresponds to a specific Unicode character defined by the HTML standard.

Numeric Entities

Instead of names, developers can reference characters by their Unicode code points using numeric entities.

©

€

☃

Numeric entities are especially useful for characters that do not have predefined named entities.

Decimal vs Hexadecimal

Numeric entities can be written using either decimal or hexadecimal notation.

Both forms produce exactly the same character when rendered by a browser.

Commonly Used HTML Entities

Non-Breaking Space

One of the most frequently used entities is the non-breaking space (&nbsp;). Unlike a normal space, it prevents browsers from wrapping text at that position.

100 km

Mr. Smith

This is useful for keeping numbers with their units or preventing names from being split across lines.

Displaying HTML Code

When showing HTML examples inside tutorials or documentation, angle brackets must be encoded so browsers display the code instead of interpreting it.

<p>Hello World</p>

This allows readers to see the markup exactly as written.

Unicode and HTML Entities

Modern websites typically use UTF-8 encoding, allowing browsers to display most Unicode characters directly. Even so, HTML entities remain useful for reserved symbols and situations where explicit encoding improves readability or compatibility.

When Should You Use HTML Entities?

• Display reserved HTML characters like <, > and &.
• Show HTML code examples in tutorials.
• Insert non-breaking spaces where wrapping should be prevented.
• Represent special symbols such as ©, ™ or €.
• Improve compatibility when working with generated HTML.

When You Don't Need Entities

Most ordinary letters, numbers and punctuation do not need to be encoded. With UTF-8, many international characters can also be written directly without using entities.

<p>Café München 東京</p>

As long as the document is saved using UTF-8, browsers display these characters correctly without requiring entity references.

Entities vs Unicode Characters

For reserved characters like < and &, entities are required. For many other symbols, either representation is acceptable when UTF-8 is used.

Common Mistakes

• Forgetting to encode ampersands in HTML.
• Displaying raw HTML instead of escaped code examples.
• Using &nbsp; repeatedly for layout instead of CSS.
• Assuming every Unicode character requires an HTML entity.
• Mixing encoded and unencoded reserved characters inconsistently.

HTML Encoding and Security

Encoding reserved characters is also an important security practice. Applications that display user-generated content should escape HTML before rendering it to help prevent markup injection and cross-site scripting (XSS) vulnerabilities.

User input:
<script>alert("Hello")</script>

Escaped output:
&lt;script&gt;alert("Hello")&lt;/script&gt;

After encoding, the browser displays the text exactly as written instead of executing it as HTML or JavaScript.

Frequently Asked Questions

Helpful HTML Tools

Several tools simplify working with HTML entities. An HTML Entity Lookup quickly finds the correct entity for any symbol, an HTML Encoder / Decoder converts reserved characters automatically, an HTML Formatter keeps markup readable, an HTML Tag Stripper extracts plain text from HTML documents, and an HTML to Markdown Converter transforms HTML into clean Markdown syntax.

Conclusion

HTML entities provide a safe and reliable way to display reserved characters, special symbols and HTML code inside web pages. While UTF-8 allows most Unicode characters to be written directly, entities remain essential for reserved markup characters and are still widely used in documentation, templates and user-generated content. Knowing when to encode characters helps create more reliable, secure and maintainable HTML documents.