HTML Entities

HTML Entities: Displaying Reserved Characters Safely

HTML entities are special codes that represent characters browsers would otherwise treat as markup syntax—such as <, >, and &—or symbols that are awkward to type directly on a keyboard. Every entity starts with an ampersand (&) and ends with a semicolon (;).

Essential Reserved Entities

Because < opens an HTML tag, typing 5 < 10 or showing a div tag in prose can confuse the parser unless you escape those characters using entities:

• Less than (<): <
• Greater than (>): >
• Ampersand (&): &
• Double quote ("): "
• Apostrophe ('): ' or '
• Non-breaking space:   (keeps two words glued on the same line, like 100 km)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML Entities Demo</title>
</head>
<body style="font-family: system-ui, sans-serif; padding: 20px;">
    <p>In JavaScript, write <code>if (price &lt; 50 &amp;&amp; inStock)</code> safely.</p>
    <p>Display literal HTML tags in tutorials like this: <code>&lt;section&gt;...&lt;/section&gt;</code>.</p>
    <p>Keep units together with non-breaking spaces: 25&nbsp;ms latency.</p>
    <p>&copy; 2026 KoderSolution &mdash; All rights reserved.</p>
</body>
</html>

Named vs. Numeric Entities

You can write entities by readable name (©), decimal code (©), or hexadecimal code (©). Named entities are easier to read in source code, while numeric codes work for every Unicode character even when no short name exists. Note that browsers render both forms into the exact same visible character inside the DOM.

Common Mistakes to Avoid

• Forgetting the trailing semicolon ;: Writing &amp without ; may render literally or break adjacent words.
• Spamming     for indentation: Use CSS padding or margin for visual spacing instead of chains of non-breaking spaces, which disrupt text wrapping on narrow mobile screens.
• Leaving raw & inside URLs or prose: Escape ampersands in visible text and query strings inside HTML attributes as & so strict validators stay happy.

Frequently Asked Questions

Are HTML entity names case-sensitive?

Yes. < works while < fails in many contexts; always write standard entity names in exact lowercase (or exact case for Greek letters like Ω vs ω).

Do I still need entities for accented letters if I use UTF-8?

No. With meta charset="UTF-8", you can type accented characters like café directly, reserving entities mainly for <, >, &, and  .