HTML Entities

📌 What Are HTML Entities?

HTML Entities are special codes used to display reserved characters or symbols that would otherwise be interpreted as HTML. These include characters like <, >, and &, as well as symbols like ©, €, →, etc. 💬

Note

⚠️ Entities are essential when you want to show characters that have specific meanings in HTML syntax!

🔤 Basic Syntax

An HTML entity begins with an ampersand (&) and ends with a semicolon (;). There are two main types:

  • 💡 Named Entities: Use a name, like &copy;
  • 💡 Numeric Entities: Use a number, like &#169;

Example: Using Entities

&lt;div&gt; &amp;copy; 2025 YourSite &lt;/div&gt;

💎 Common HTML Entities

CharacterEntity NameEntity Number
<&lt;&#60;
>&gt;&#62;
&&amp;&#38;
"&quot;&#34;
©&copy;&#169;

🎯 When to Use HTML Entities

  • ✅ To show special characters like <, >, & without breaking your HTML.
  • ✅ To insert symbols like ©, ®, ±, etc. that aren’t on your keyboard.
  • ✅ To ensure correct rendering across browsers and encodings.
🔍 Real-World Example

If you're displaying code in your HTML page, you'd write:

Displaying HTML Code

&lt;h1&gt;Hello World&lt;/h1&gt;

This will output exactly: <h1>Hello World</h1> instead of being interpreted as an actual heading element. 🧠

🧪 Pro Tips

Note

🔥 You can also use tools like W3C Entity Reference to find more HTML entities!
>>“Details matter. It’s worth getting it right.” – Steve Jobs 💎