آموزش کار با Character (کاراکترهای رزرو شده) در HTML

آموزش کار با Character (کاراکترهای رزرو شده) در HTML

با جلسه بیست و دوم آموزش متنی Html در خدمت شما هستیم با آموزش کار با Character (کاراکترهای رزرو شده) در HTML از وب سایت آموزش برنامه نویسی سورس باران. در این جلسه آموزش Html به معرفی مجموعه کاراکتر (Charset) در HTML می‌پردازیم. همانطور که مطلع هستید ساختار هر وب سایت از HTML ساخته شده است و قطعا این مفاهیم لازمه طراحی وب سایت می باشد که یاد بگیرید.

آموزش کار با Character (کاراکترهای رزرو شده) در HTML

استفاده از علامت کوچکتر(<) و بزرگتر(>) در متن به دلیل اینکه مرورگر آنها را با تگ ها در هم می آمیزد امکان پذیر نیست یا اینکه برای نمایش کاراکترهای خاص مثل کپی رایت © از entity ها استفاده می کنیم. برای اینکه بتوان کاراکترهای رزرو شده HTML را نمایش داد، باید از character entity ها در کد منبع HTML استفاده کنیم.

ای نمایش صحیح یک صفحه HTML، مرورگر باید بداند از کدام مجموعه کاراکتر استفاده کند. ACII اولین استاندارد رمزگذاری کاراکترها (مجموعه کاراکتر) بود. این استاندارد، ۱۲۸ کاراکتر حرفی عددی تعریف کرد که می‌توان از آن‌ها در اینترنت استفاده کرد. این کاراکترها شامل اعداد از ۰ تا ۹، حروف انگلیسی از A تا Z و برخی از کاراکترهای خاص مثل ! $ + – ( ) @ < > است. ANSI یا Windows-1252 مجموعه کاراکتر اولیه ویندوز بود که از ۲۵۶ کد کاراکتر مختلف پشتیبانی می‌کرد.

ISO-8859-1 مجموعه کاراکتر پیش‌فرض HTML4 بود که این مجموعه هم از ۲۵۶ کد کاراکتر مختلف پشتیبانی می‌کرد. به دلیل این‌که ANSI و ISO-8859-1 بسیار محدود بودند، HTML4 از UTF-8 که تقریبا تمام کاراکتر‌ها و نمادهای موجود در دنیا را پشتیبانی می‌کند هم استفاده می‌کرد. مجموعه کاراکتر پیش‌فرض HTML5 هم UTF-8 است.

یک character entity به این شکل می باشد:

&entity_name;

OR

&#entity_number;

برای نمایش علامت کوچکتر باید بنویسیم: lt& یا ۶۰#& (که lt مخفف less than است)

نکته: مزیت استفاده از entity name به جای entity number این است که به یاد آوردن name راحت تر است. اما عیب آن این است که مرورگرها ممکن است همه entity name ها را پشتیبانی نکنند. (پشتیبانی از entity number ها خیلی بهتر است.)

 

فاصله (Non-breaking Space) در Html

یک character entity رایج در HTML کاراکتر non-breaking space (یا nbsp&) می باشد. مرورگرها همیشه فاصله ها (space) را کوتاه می کنند. اگر ۱۰ فاصله پشت سر هم در متن خود تایپ کنید، مرورگر ۹ تای آن ها را برمی دارد. برای اینکه فاصله ها را به متن خود اضافه کنید، می توانید از کاراکتر nbsp& استفاده نمایید.

 

محبوب ترین کاراکترهای رزرو شده HTML

نتیجهتوضیحاتنام Entityرفرنس عددی
non-breaking space&nbsp;&#160;
<کوچکتر از&lt;&#60;
>بزرگتر از&gt;&#62;
&علامت و&amp;&#38;
علامت سوال&quot;&#34;
کوتیشن&apos;&#39;
¢سنت&cent;&#162;
£پوند&pound;&#163;
¥ین&yen;&#165;
یورو&euro;&#8364;
©کپی رایت&copy;&#169;
®علامت تجاری ثبت شده&reg;&#174;
علامت تجاری&trade;&#8482;
نکته: نام Entityها یا همان کاراکترهای رزرو شده HTML حساس به کوچکی و بزرگی حروف هستند. لیست تمام کاراکترهای رزرو شده HTML را می توانید از اینجا مشاهده کنید

امیدوارم که این مطلب مورد توجه دوستان قرار گرفته باشد.

منبع : W3Schools

 

لیست جلسات قبل آموزش Html

  1. آموزش اصول اولیه و عناصر HTML
  2. آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
  3. آموزش کار با پاراگراف و استایل در Html
  4. آموزش کار با قالب بندی متن در Html
  5. آموزش کار با کامنت در HTML
  6. آموزش کار با کامنت در HTML
  7. آموزش کار با رنگ ها در HTML
  8. آموزش کار با تصاویر در HTML
  9. آموزش کار با لینک در HTML
  10. آموزش کار با جدول در HTML
  11. آموزش کار با لیست ها در HTML
  12. آموزش کار با عناصر Block و Inline در HTML
  13. آموزش کار با عنصر Class در HTML
  14. آموزش Html؛ آموزش iframe در HTML
  15. آموزش Html؛ آموزش جاوا اسکریپت در HTML
  16. آموزش کار با عنصر Head در HTML
  17. آموزش Layout در HTML
  18. آموزش طراحی سایت ریسپانسیو در HTML
  19. آموزش عناصر کد کامپیوتر در HTML
  20. آموزش موجودیت (Entities) در HTML
  21. آموزش نمادها (Symbols) در HTML
  22. آموزش کار با Character (کاراکترهای رزرو شده) در HTML
  23. آموزش رمزگذاری URL در HTML
  24. آموزش کامل کار با فرم ها در HTML
  25. آموزش انواع ورودی (Input) در HTML
  26. آموزش خصوصیات ورودی در HTML

حتما بخوانید 1 : فیلم آموزش رایگان Html مهندس رحمانی

حتما بخوانید 1 : فیلم آموزش رایگان CSS مهندس رحمانی

5/5 - (1 امتیاز)

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.

پکیج آموزش صفر تا صد فتوشاپ به زبان فارسی – حرفه ای شوید

دسته بندی موضوعات

آخرین محصولات فروشگاه

مشاهده همه

نظرات

بازخوردهای خود را برای ما ارسال کنید

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.