در حال بارگذاری...

نمادها در HTML

جلسهٔ Entities نشان داد چرا <، > و & باید encode شوند. همان سامانهٔ entity بسیاری از نمادها را هم باز می‌کند — علامت کپی‌رایت، نشان ارز، علامت تجاری و فلش ساده — بدون جست‌وجوی صفحه‌کلید خاص. این جلسه روی نمادهای عملی تمرکز دارد که در فوتر، قیمت و نام محصول می‌بینید.

اینجا نماد entity چه معنایی دارد؟

نماد entity هنوز یک entity HTML است: معمولاً با & شروع و با ; تمام می‌شود و مرورگر یک نماد دیدنی رندر می‌کند. بعضی نام‌ها آسان‌اند (&copy;، &euro;). بعضی به‌صورت ارجاع نویسهٔ عددی مثل &#8594; نوشته می‌شوند. هر دو نویسه می‌گذارند؛ وقتی نام استاندارد هست شکل نام‌دار دوست‌داشتنی‌تر است.

پاسخ مستقیم

نمادها را با entity بگذارید. شروع‌های رایج: &copy; برای ©، &reg; برای ®، &trade; برای ™، &euro; برای €، &pound; برای £ و &yen; برای ¥. وقتی نویسه نام به‌یادماندنی ندارد، ارجاع عددی می‌تواند کار کند. برای قابلیت حمل و خوانایی در ویرایشگر متن ساده، وقتی نام هست entity نام‌دار را ترجیح دهید و همیشه با ; تمام کنید.

نمادهای کاربردی در یک نگاه

📊 entityهای نماد کاربردی

Entity ایدهٔ نماد کاربرد رایج
&amp;copy; کپی‌رایت فوتر و خطوط حقوقی
&amp;reg; ثبت‌شده یادداشت برند
&amp;trade; علامت تجاری نام محصول
&amp;euro; یورو قیمت به EUR
&amp;pound; پوند قیمت به GBP
&amp;yen; ین قیمت به JPY
&amp;rarr; فلش راست راهنمای جهتی ساده (پشتیبانی فونت فرق دارد)

علامت حقوقی و برند در متن

فوتر و خط محصول اغلب به کپی‌رایت یا علامت تجاری نیاز دارند. entity آن نویسه‌ها را حتی وقتی هم‌تیمی در ویرایشگر ساده فایل را عوض می‌کند قابل‌اعتماد نگه می‌دارد.

نمادها در خط محصول

html
HTML Code
<p>Price: 10&euro; — BrandX&trade; — All rights reserved &copy; 2026</p>

خواندن نمونه

  • 10&euro; مبلغ یورو را بدون چسباندن نویسهٔ خاص صفحه‌کلید نشان می‌دهد
  • BrandX&trade; بعد از نام، علامت تجاری می‌گذارد
  • &copy; 2026 الگوی کلاسیک فوتر است
  • هر entity با ; تمام می‌شود — جا انداختنش می‌تواند رندر را خراب کند

entity نام‌دار در برابر ارجاع عددی

entity نام‌دار از واژه استفاده می‌کند: &copy;. ارجاع نویسهٔ عددی از عدد استفاده می‌کند: &#169; راه دیگری برای علامت کپی‌رایت است و &#8594; می‌تواند فلش راست بسازد. برای این کورس لازم نیست جدول کد بلند حفظ کنید. شکل نام‌دار علامت‌های حقوقی و ارزی روزمره را یاد بگیرید و شکل عددی را پشتیبان بدانید وقتی نام روشنی نیست.

ارجاع نویسهٔ عددی

html
HTML Code
<p>Next step &#8594; checkout</p>

UTF-8 و نماد چسبانده‌شده

اگر فایل UTF-8 ذخیره شده باشد اغلب می‌توانید © یا € را مستقیم بچسبانید. معتبر است. entity وقتی مفید می‌ماند که می‌خواهید منبع به متن سادهٔ ASCII-friendly نزدیک بماند، یا ویرایشگر قبلاً نویسهٔ خاص را خراب کرده. روشی را انتخاب کنید که فایل تیم را قابل‌اعتماد نگه دارد.

تمرین در ویرایشگر

  1. خط فوتر با &copy; و سال جاری بنویسید.
  2. قیمتی با &euro; یا &pound; اضافه کنید.
  3. نام محصول را با &trade; دنبال کنید.
  4. اختیاری: راهنمای کوتاه «بعدی» با &rarr; یا &#8594;.
  5. صفحه را باز کنید و رندر نمادها را تأیید کنید.
  6. با حذف ; یک entity را خراب کنید، تازه کنید، بعد درست کنید.

اشتباهاتی که باید پرهیز کرد

  • فراموش کردن ; پایانی روی entity نماد
  • قاطی کردن entity ارز (&euro; در برابر &pound;) در خط قیمت واقعی
  • استفاده از entity فلش به‌عنوان سامانهٔ کامل چیدمان صفحه به‌جای CSS
  • فرض اینکه هر نماد پرزرق‌وبرق نام کوتاه دارد — بعضی به ارجاع عددی یا نویسهٔ UTF-8 چسبانده نیاز دارند
  • encode کردن حروف عادی که هرگز به entity نیاز نداشتند

خلاصه

  • بسیاری نمادهای صفحه از entityهای HTML می‌آیند
  • با &copy;، &reg;، &trade; و entityهای ارز مثل &euro; شروع کنید
  • وقتی نام وجود دارد entity نام‌دار از کد عددی بلند راحت‌تر به یاد می‌ماند
  • ارجاع عددی پشتیبان نویسه‌های کمتر رایج است
  • entity را همیشه با ; تمام کنید
  • برای چیدمان متن و CSS روشن را ترجیح دهید؛ entity نماد را برای علامت و نشان واقعی نگه دارید

🧠 دانش خود را بیازمایید

آماده شروع

دانش خود را بیازمایید

خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کرده‌اید

❓
7
سوالات
🎯
70%
برای قبولی
♾️
∞
زمان
🔄
∞
تلاش‌ها

📝 دستورالعمل‌ها

  • هر سوال را با دقت بخوانید
  • بهترین پاسخ را برای هر سوال انتخاب کنید
  • می‌توانید آزمون را هر چند بار که می‌خواهید تکرار کنید
  • پیشرفت شما در بالا نمایش داده می‌شود