HTML - Entities

In HTML, certain characters are reserved because they have special structural meaning in HTML markup. For instance, if you type the less-than sign (<) or greater-than sign (>) directly into plain text, the web browser interprets them as opening or closing HTML tags. To display reserved characters safely, or to render typographic symbols that do not exist on a standard keyboard (like ©, €, £, ™), HTML provides Character Entities.

1. HTML Character Entity Syntax

A character entity can be written in two standard formats:

Entity Name: Begins with an ampersand (&), followed by a mnemonic name, and ends with a semicolon (;). Example: < displays <. (Easy to remember).
Entity Number (Decimal): Begins with an ampersand and hash (&#), followed by the decimal character code, and ends with a semicolon. Example: < displays <. (Universally supported across all XML/HTML parsers).
Entity Number (Hexadecimal): Begins with &#x followed by the hex code. Example: < displays <.

2. The Five Mandatory Reserved Characters

These five characters must always be replaced with character entities whenever used inside regular body text or attribute values:

Character	Description	Entity Name	Entity Number (Dec)	Entity Number (Hex)
<	Less-than sign	`<`	`<`	`<`
>	Greater-than sign	`>`	`>`	`>`
&	Ampersand	`&`	`&`	`&`
"	Double quotation mark	`"`	`"`	`"`
'	Single quotation mark (apostrophe)	`'`	`'`	`'`

3. The Non-Breaking Space ( ) Explained

In HTML, browsers automatically collapse consecutive whitespace characters (multiple spaces, tabs, and newlines) into a single space. If you want to force multiple consecutive spaces, you must use the non-breaking space entity:  .

Crucial Word-Wrapping Function: A non-breaking space also prevents the browser from breaking a line between two linked terms. For example, writing 10 MB or Section 4 guarantees the number and its unit will never be split across two separate lines.

4. Frequently Used Typographic & Currency Entities

Symbol	Description	Entity Name	Entity Number
©	Copyright	`©`	`©`
®	Registered Trademark	`®`	`®`
™	Trademark	`™`	`™`
€	Euro Currency	`€`	`€`
₹	Indian Rupee Symbol	—	`₹`
£	British Pound	`£`	`£`
¥	Japanese Yen	`¥`	`¥`
¢	Cent	`¢`	`¢`
—	Em Dash (Long Dash)	`—`	`—`
•	Bullet Symbol	`•`	`•`

5. Entity Encoding as a Cybersecurity Defense (XSS Prevention)

For bloggers and software engineers, understanding entity encoding is vital for security. If a user submits a malicious comment containing <script>stealCookies()</script>, storing and re-rendering that raw string in HTML executes the attacker's script (a Cross-Site Scripting / XSS vulnerability). By escaping and converting < into < and > into >, the browser safely prints the literal text without executing it.

6. Hands-on Practice Session: Professional E-Commerce Footer with Legal Entities

Assignment Scenario: Create a commercial website footer component incorporating copyright symbols, trade marks, non-breaking spaces for financial currency guarantees, and mathematical pricing calculations.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>HTML Entities Practice</title>
  <style>
    .footer-box {
      background-color: #2c3e50;
      color: #ecf0f1;
      padding: 24px;
      font-family: Arial, sans-serif;
      border-radius: 6px;
      max-width: 650px;
      margin: 20px auto;
      line-height: 1.8;
    }
    .price-tag {
      color: #2ecc71;
      font-weight: bold;
    }
  </style>
</head>
<body>

  <div class="footer-box">
    <h3 style="margin-top: 0; color: #f1c40f;">Veewom Technologies&trade; Learning Portal</h3>
    <p>
      Annual Web Development Certification &bull; Special Student Offer: 
      <span class="price-tag">&#8377;&nbsp;1,999</span> 
      (Normally &euro;&nbsp;49 or &dollar;&nbsp;55).
    </p>
    <p>
      <em>Formula:</em> Passing Score &ge; 75% &amp;&nbsp;Lab Attendance &gt; 80%.
    </p>
    <hr style="border-color: #4a6278;">
    <p style="font-size: 13px; color: #bdc3c7; margin: 0;">
      &copy;&nbsp;2016&ndash;2026 Veewom.com&reg;. All Rights Reserved. 
      Unauthorized copying of tutorial materials is strictly prohibited by law.
    </p>
  </div>

</body>
</html>

7. BCA University Exam Viva Questions

Q1. What is an HTML character entity and why is it necessary?

An HTML character entity is a special code sequence used to display reserved characters (like <, >, and &) that the browser would otherwise interpret as HTML tags, or to display invisible characters (like non-breaking spaces) and symbols absent from a physical keyboard.

Q2. What is the difference between an entity name and an entity number?

An entity name uses a descriptive word (e.g., ©), which is intuitive and easy to remember, but older browsers may lack definitions for rare symbols. An entity number references the character's exact Unicode decimal/hex code (e.g., ©), ensuring 100% universal rendering across all XML, SGML, and web browser parsers.

Q3. What are the two primary purposes of the   entity?

1. Preventing Whitespace Collapsing: It forces multiple consecutive horizontal spaces that browsers would otherwise collapse into one.
2. Preventing Line Wrapping: It glues two adjacent words or a number and its measurement unit together so they cannot be broken onto separate lines.

Q4. How do character entities protect web applications against Cross-Site Scripting (XSS)?

When user inputs are sanitized and escaped into character entities (e.g. converting <script> to <script>), the browser treats the characters strictly as printable strings rather than executable JavaScript instructions, defusing the attack.

Q5. What entity code is used for the Indian Rupee symbol (₹)?

The Indian Rupee symbol does not have a widely standardized named entity; it is rendered using the decimal entity code ₹ or hexadecimal ₹.

8. Frequently Asked Questions (FAQ)

1. What happens if I forget the closing semicolon in an entity code?

Omitting the trailing semicolon (e.g. writing &copy instead of ©) violates HTML syntax standards. While some modern browsers may guess the entity in simple contexts, XML parsers and strict validators will reject the document or display the raw characters.

Yes! With <meta charset="UTF-8">, you can directly paste symbols like ©, €, and ₹ directly into your HTML file. However, reserved characters (<, >, &, ") MUST still use character entities regardless of character encoding.

3. How do I print the literal text < on a webpage without it turning into <?

Escape the ampersand by writing &lt;. The browser parses & into a literal & and prints the remaining lt; as text.

4. How does using character entities affect blog SEO?

Search engine crawlers understand character entities perfectly. Using proper entities for currency, registered trademarks, and dashes produces cleaner, professional SERP snippets and prevents search crawler parsing glitches caused by unescaped ampersands or angle brackets.