HTML Entities

گاهی وقت‌ها توی HTML نمی‌تونی بعضی کاراکترها رو مستقیم بنویسی، چون مرورگر اون‌ها رو به‌عنوان کد HTML می‌خونه.
اینجاست که Entities به کمک میان.

🔹 1. چرا به Entities نیاز داریم؟

مثال:

<p>5 < 10</p>

🔴 این کد اشتباهه، چون مرورگر < 10 رو به‌عنوان یک تگ HTML باز نشده می‌خونه.

✔ راه‌حل: استفاده از Entities

<p>5 &lt; 10</p>

خروجی:
5 < 10

🔹 2. ساختار Entities

هر Entity با & شروع می‌شه و با ; تموم می‌شه.
مثال:

  • &lt;<

  • &gt;>

  • &amp;&

  • &quot;"

  • &apos;'

🔹 3. پرکاربردترین HTML Entities

Entityنمایشتوضیح
&lt;<کوچکتر (Less than)
&gt;>بزرگتر (Greater than)
&amp;&علامت و (Ampersand)
&quot;"کوتیشن دوتایی
&apos;'کوتیشن تک
&copy;©کپی‌رایت
&reg;®علامت ثبت تجاری
&trade;علامت تجاری
&euro;یورو
&dollar;$دلار
&cent;¢سنت
&pound;£پوند انگلیس
&yen;¥ین ژاپن
&nbsp;(فاصله)فضای خالی (Non-breaking space)

🔹 4. استفاده از Unicode در HTML

می‌تونی با استفاده از کد یونیکد هم کاراکترها رو نمایش بدی:

<p>&#169; 2025 My Website</p> <p>&#174; Registered Trademark</p>

خروجی:
© 2025 My Website
® Registered Trademark

🔹 5. فضای خالی (&nbsp;)

گاهی مرورگر چند فاصله پشت سر هم رو نادیده می‌گیره.
برای ایجاد فاصله واقعی از &nbsp; استفاده می‌کنیم:

<p>سلام&nbsp;&nbsp;&nbsp;دنیا</p>

خروجی:
سلام دنیا

✅ نتیجه:
HTML Entities بهت کمک می‌کنه کاراکترهای خاص رو به‌صورت درست توی مرورگر نمایش بدی و از خطاهای احتمالی جلوگیری کنی.