موجودیتها در HTML
بعضی نویسهها در HTML خاصاند. اگر در متن عادی صفحه یک < خام بنویسید، مرورگر ممکن است فکر کند تگ شروع شده. اگر & خام بنویسید، ممکن است فکر کند entity شروع شده. موجودیت نویسه (character entity) کد امنی است که آن نماد را بهعنوان متن دیدنی نشان میدهد بدون اینکه پارسر را گیج کند.
entity در HTML چیست؟
entity روش کدشدهٔ نوشتن یک نویسه در نشانهگذاری است. بیشتر entityهای نامدار با & شروع و با ; تمام میشوند. مرورگر هنگام رندر، کد را با نویسهٔ واقعی عوض میکند. بیشتر وقتها برای نویسههایی لازماند که HTML بهعنوان نحو نشانهگذاری استفاده میکند، و گاهی برای نمادهایی که تایپشان سخت است.
پاسخ مستقیم
وقتی نویسه بهصورت متن خام ناامن یا مبهم است از entity استفاده کنید. اول اینها را به خاطر بسپارید: < برای <، > برای >، & برای &، و برای فاصلهٔ نشکن. entity نامدار را همیشه با ; تمام کنید. در پاراگراف و در مثالهای آموزش HTML، هر جا نویسهٔ خام سند را خراب میکند از آنها استفاده کنید.
entityهای رایج در یک نگاه
📊 entityهای رایج
| Entity | نمایش | کاربرد |
|---|---|---|
| &lt; | کمتر از | امنتر از براکت زاویهای باز خام در متن |
| &gt; | بیشتر از | براکت زاویهای بستهٔ امن در متن |
| &amp; | آمپرساند | وقتی علامت and را بهعنوان متن میخواهید |
| &nbsp; | فاصلهٔ نشکن | نگه داشتن واژه یا برچسب و عدد در یک خط |
| &quot; | علامت نقلقول | نویسهٔ گیومه وقتی لازم است |
| &copy; | کپیرایت | نماد حقنشر |
نویسههای رزرو در جمله
وقتی در پاراگراف عادی تگها را آموزش میدهید یا نام میبرید، با entity نشانشان دهید تا متن بمانند.
entity در جمله
html<p>Write <p> for a paragraph tag, and use & between names: Tom & Jerry.</p>خواندن نمونه
<p>نویسههای<p>را نشان میدهد بدون ساختن عنصر پاراگراف در همانجاTom & Jerryبهصورت Tom & Jerry دیده میشود- یک
&خام بدون entity معتبر میتواند مشکل پارس بسازد - حروف عادی مثل
pوJerryبه entity نیاز ندارند
فاصلهٔ نشکن
فاصلهای است که مرورگر نباید آن را نقطهٔ شکستن نرم بین بخشهای وصلشده بداند. برای نگه داشتن برچسب کوتاه با عدد، یا واژههایی که باید کنار هم بمانند مفید است. همهجا بهعنوان ابزار چیدمان نپاشید — برای طراحی واقعی فاصلهٔ عادی و CSS را ترجیح دهید.
فاصلهٔ نشکن
html<p>Chapter 4 stays on one line more reliably than a normal space might.</p>entity نامدار در برابر تایپ نماد
برای بسیاری نمادها اگر فایل UTF-8 ذخیره شده باشد میتوانید خود نویسه را بچسبانید (جلسهٔ Charset جلوتر). entityها بهخصوص برای <، > و & مهم میمانند چون بخشی از نحو HTMLاند. یادگیری شکلهای نامدار رایج، صفحههای آموزشی و مثالها را در ویرایشگرهای مختلف قابلاعتماد میکند.
تمرین در ویرایشگر
- پاراگرافی بنویسید که متن
<div>را با<و>نشان دهد. - خطی با
AT&Tکه با&امن نوشته شده اضافه کنید. - بین عنوان کوتاه و عددی که نباید دو خط شود
بگذارید. - صفحه را باز کنید و نمادها را تأیید کنید.
- منبع صفحه را ببینید و کد entity را پیدا کنید — منبع را با متن رندرشده مقایسه کنید.
- عمداً
;یک entity را جا بگذارید، تازه کنید، نتیجهٔ عجیب را ببینید، بعد درست کنید.
اشتباهاتی که entity را میشکنند
- فراموش کردن
;در پایان entity - نوشتن
&تنها در متن که entity کامل نیست (وقتی آمپرساند میخواهید&را ترجیح دهید) - encode کردن حروف و واژههای عادی که هرگز به entity نیاز نداشتند
- استفاده از
بهجای margin و چیدمان بهجای یادگیری فاصله در CSS - قاطی کردن
<و>هنگام نشان دادن مثال تگ
خلاصه
- entity نویسههای رزرو یا خاص را در متن HTML امن نمایش میدهد
- با
<،>،&و شروع کنید - entity نامدار با
&شروع و با;تمام میشود - وقتی براکت زاویهای و آمپرساند باید متن دیده شوند encode کنید
- حروف نثر عادی را بیدلیل entity نکنید
- وقتی صفحهٔ HTML خود HTML را آموزش میدهد entityها خیلی بهدرد میخورند
🧠 دانش خود را بیازمایید
دانش خود را بیازمایید
خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کردهاید
📝 دستورالعملها
- هر سوال را با دقت بخوانید
- بهترین پاسخ را برای هر سوال انتخاب کنید
- میتوانید آزمون را هر چند بار که میخواهید تکرار کنید
- پیشرفت شما در بالا نمایش داده میشود