فصل ۳۱ | چندرسانه‌ای و تکمیلی

وقتی یک کاراکتر معنای خاصی در HTML دارد

در HTML، کاراکترهایی مثل < و > برای تعریف برچسب‌ها رزرو شده‌اند. اگر بخواهید همین کاراکترها را به‌عنوان بخشی از متن معمولی نمایش دهید، نوشتن مستقیم آن‌ها می‌تواند مرورگر را گیج کند. راه‌حل استفاده از «موجودیت‌های کاراکتری» یا Character Entities است.

entities-basic.html
<p>برای نوشتن کوچک‌تر از، از &lt; استفاده کنید.</p>

چند موجودیت پرکاربرد

نتیجه کد موجودیت توضیح
< &lt; علامت کوچک‌تر از
> &gt; علامت بزرگ‌تر از
& &amp; علامت اند
فاصله‌ی ثابت &nbsp; فاصله‌ای که مرورگر آن را نمی‌شکند
© &copy; نماد کپی‌رایت

ایموجی در HTML

ایموجی‌ها هم در واقع کاراکترهای یونیکد هستند و در بیشتر مرورگرهای مدرن، مثل هر کاراکتر متنی دیگر، مستقیماً در سند HTML قابل استفاده‌اند؛ به شرطی که رمزگذاری صفحه روی UTF-8 تنظیم شده باشد (چیزی که در فصل head دیدیم).

emoji.html
<p>یادگیری HTML خیلی لذت‌بخش است! 🚀</p>
نکته: استفاده از موجودیت‌های کاراکتری فقط برای کاراکترهای رزروشده در HTML (مثل < و >) واقعاً ضروری است؛ برای بیشتر نمادهای دیگر می‌توانید مستقیماً از خود کاراکتر یونیکد استفاده کنید.