آموزش موجودیت ها در HTML

erfan molaei
3 سال پیش

موجودیت ها در HTML

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش موجودیت ها در HTML خواهیم پرداخت.

برخی از کاراکتر ها در HTML ذخیره می شوند و هنگام استفاده در سند HTML معنی خاصی دارند. به عنوان مثال، شما نمی توانید از علامت ها یا براکت های زاویه ای بزرگتر و کمتر از آن در متن HTML خود استفاده کنید زیرا مرورگر رفتار متفاوتی با آنها خواهد داشت و سعی می کند معنای مربوط به نگ HTML را ترسیم کند.

پردازنده های HTML باید از پنج کاراکتر خاص ذکر شده در جدول زیر پشتیبانی کنند.

نماد توضیحات نام موجودیت کد عددی
“ علامت نقل قول " "
‘ اپوستروف ' '
& امپرسند & &
< کوچکتر از &lt; &#60;
> بزرگتر از &gt; &#62;

 

مثال

اگر می خواهید <div id = “character”> را به عنوان کد بنویسید، باید آن را به صورت زیر بنویسید –

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Entities</title>
   </head>

   <body>
      &lt;div id = &quot;character&quot;&gt;
   </body>

</html>

 

خروجی

<div id = "character">

 

همچنین یک لیست طولانی از کاراکترهای خاص در HTML 4.0 وجود دارد. برای اینکه این موارد در سند شما نشان داده شوند، می توانید از کد عددی یا نام موجودیت ها در HTML استفاده کنید. به عنوان مثال، برای درج نماد حق چاپ می توانید از هر یک از موارد زیر استفاده کنید –

&copy; 2007
or
&#169; 2007

 

نماد موجودیت ها ISO 8859-1 

نتیجه توضیحات نام موجودیت کد عددی
فضای نشکن &nbsp; &#160;
¡ علامت تعجب وارونه &iexcl; &#161;
¤ واحد پول &curren; &#164;
¢ سنت &cent; &#162;
£ پوند &pound; &#163;
¥ ین &yen; &#165;
¦ میله عمودی شکسته &brvbar; &#166;
§ بخش &sect; &#167;
¨ فاصله روزنه &uml; &#168;
© کپی رایت &copy; &#169;
ª شاخص ترتیبی زنانه &ordf; &#170;
« علامت نقل قول (سمت چپ) &laquo; &#171;
¬ نفی &not; &#172;
­ خط پیوند نرم &shy; &#173;
® علامت تجاری ثبت شده &reg; &#174;
™ علامت تجاری &trade; &#8482;
¯ فاصله ماکرون &macr; &#175;
° درجه &deg; &#176;
± به علاوه یا منهای &plusmn; &#177;
² بالانویس ۲ &sup2; &#178;
³ بالانویس ۳ &sup3; &#179;
´ فاصله اگو &acute; &#180;
µ میکرو &micro; &#181;
پاراگراف &para; &#182;
· نقطه میانی &middot; &#183;
¸ فاصله cedilla &cedil; &#184;
¹ بالانویس ۱ &sup1; &#185;
º شاخص ترتیبی مردانه &ordm; &#186;
» علامت نقل قول  (راست) &raquo; &#187;
¼ کسر ۱/۴ &frac14; &#188;
½ کسر ۱/۲ &frac12; &#189;
¾ کسر ۳/۴ &frac34; &#190;
¿ علامت سوال معکوس &iquest; &#191;
× ضرب &times; &#215;
÷ تقسیم &divide; &#247;

 

 

کاراکتر موجودیت ها   ISO 8859-1

نتیجه توضیحات نام موجودیت کد عددی
À حرف بزرگ a، اکسان گراو &Agrave; &#192;
Á حرف بزرگ a، اکسان اگو &Aacute; &#193;
 حرف بزرگ a، اکسان هشتک &Acirc; &#194;
à حرف بزرگ a، مدک &Atilde; &#195;
Ä حرف بزرگ a، علامت Umlaut &Auml; &#196;
Å  حرف بزرگ a، حلقه &Aring; &#197;
Æ  حرف بزرگ ae &AElig; &#198;
Ç  حرف بزرگ c، ا سدیل &Ccedil; &#199;
È حرف بزرگ e، اکسان گراو &Egrave; &#200;
É حرف بزرگ e، اکسان اگو &Eacute; &#201;
Ê  حرف بزرگ e، اکسان هشتک &Ecirc; &#202;
Ë حرف بزرگ e، علامت Umlaut &Euml; &#203;
Ì حرف بزرگ i، اکسان گراو &Igrave; &#204;
Í حرف بزرگ i، اکسان اگو &Iacute; &#205;
Î حرف بزرگ i، اکسان هشتک &Icirc; &#206;
Ï حرف بزرگ i، علامت Umlaut &Iuml; &#207;
Ð حرف بزرگ  eth، ایسلندی &ETH; &#208;
Ñ حرف بزرگ n، مدک &Ntilde; &#209;
Ò حرف بزرگ o، اکسان گراو &Ograve; &#210;
Ó  حرف بزرگ o، اکسان اگو &Oacute; &#211;
Ô حرف بزرگ o، اکسان هشتک &Ocirc; &#212;
Õ حرف بزرگ o، مدک &Otilde; &#213;
Ö  حرف بزرگ o، علامت Umlaut &Ouml; &#214;
Ø  حرف بزرگ o، اسلش &Oslash; &#216;
Ù  حرف بزرگ u، اکسان گراو &Ugrave; &#217;
Ú حرف بزرگ u، اکسان اگو &Uacute; &#218;
Û حرف بزرگ u، اکسان هشتک &Ucirc; &#219;
Ü حرف بزرگ u، علامت Umlaut &Uuml; &#220;
Ý حرف بزرگ y، اکسان اگو &Yacute; &#221;
Þ حرف بزرگ  THORN، ایسلندی &THORN; &#222;
ß s کوچک تیز، آلمانی &szlig; &#223;
à  حرف کوچک a، اکسان گراو &agrave; &#224;
á حرف کوچک a، اکسان اگو &aacute; &#225;
â حرف کوچک a، اکسان هشتک &acirc; &#226;
ã حرف کوچک a، مدک &atilde; &#227;
ä حرف کوچک a، علامت Umlaut &auml; &#228;
å حرف کوچک a، حلقه &aring; &#229;
æ حرف کوچک  ae &aelig; &#230;
ç حرف کوچک c، سدیل &ccedil; &#231;
è حرف کوچک e، اکسان گراو &egrave; &#232;
é حرف کوچک e، اکسان اگو &eacute; &#233;
ê حرف کوچک e، اکسان هشتک &ecirc; &#234;
ë حرف کوچک e، علامت Umlaut &euml; &#235;
ì حرف کوچک i، اکسان گراو &igrave; &#236;
í حرف کوچک i، اکسان اگو &iacute; &#237;
î حرف کوچک i، اکسان هشتک &icirc; &#238;
ï حرف کوچک i، علامت Umlaut &iuml; &#239;
ð حرف کوچک  eth، ایسلندی &eth; &#240;
ñ حرف کوچک n، مدک &ntilde; &#241;
ò حرف کوچک o، اکسان گراو &ograve; &#242;
ó حرف کوچک o، اکسان اگو &oacute; &#243;
ô حرف کوچک o، اکسان هشتک &ocirc; &#244;
õ حرف کوچک o، مدک &otilde; &#245;
ö حرف کوچک o، علامت Umlaut &ouml; &#246;
ø حرف کوچک o، اسلش &oslash; &#248;
ù حرف کوچک u، اکسان گراو &ugrave; &#249;
ú حرف کوچک u، اکسان اگو &uacute; &#250;
û حرف کوچک u، اکسان هشتک &ucirc; &#251;
ü حرف کوچک u، علامت Umlaut &uuml; &#252;
ý حرف کوچک y، اکسان اگو &yacute; &#253;
þ حرف کوچک  thorn، ایسلندی &thorn; &#254;
ÿ حرف کوچک y، علامت Umlaut &yuml; &#255;

 

سایر موجودیت های پشتیبانی شده توسط مرورگرهای HTML

نتیجه توضیحات نام موجودیت کد عددی
Œ لیگچر بزرگ  OE &OElig; &#338;
œ لیگچر کوچک  oe &oelig; &#339;
Š diaeres &Scaron; &#352;
š  S کوچک با کارون &scaron; &#353;
Ÿ y بزرگ با دو نقطه &Yuml; &#376;
ˆ حرف اصلاح کننده اکشلن هشتک &circ; &#710;
˜ مدوک کوچک &tilde; &#732;
en فاصله &ensp; &#8194;
em فاصله &emsp; &#8195;
thin فاصله &thinsp; &#8201;
‌ عرض صفر غیر متصل &zwnj; &#8204;
‍ عرض صفر متصل &zwj; &#8205;
‎ علامت چپ به راست &lrm; &#8206;
‏ علامت راست به چپ &rlm; &#8207;
– en dash (خط تیره) &ndash; &#8211;
— em dash (خط تیره) &mdash; &#8212;
‘ علامت نقل قول تکی چپ &lsquo; &#8216;
’ rعلامت نقل قول تکی راست &rsquo; &#8217;
‚ single low-9 quotation mark &sbquo; &#8218;
“ علامت نقل قول مضاعف چپ &ldquo; &#8220;
” علامت نقل قول مضاعف راست &rdquo; &#8221;
„ double low-9 quotation mark &bdquo; &#8222;
† خنجر &dagger; &#8224;
‡ خنجر دوتایی &Dagger; &#8225;
… بیضی افقی &hellip; &#8230;
‰ در هزار &permil; &#8240;
‹ نقل قول زاویه اشاره به چپ &lsaquo; &#8249;
› نقل قول زاویه اشاره به راست &rsaquo; &#8250;
€ یورو &euro; &#8364;

 

منبع.

 

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

    1. معرفی HTML
    2. نگاهی کلی به HTML
    3. آموزش تگ های پایه در HTML
    4. آموزش عناصر در HTML
    5. مفهوم ویژگی ها در HTML
    6. آموزش قالب بندی در HTML
    7. آموزش تگ های عبارت در HTML
    8. آموزش متا تگ ها در HTML 
    9. آموزش کامنت ها در HTML
    10. تصاویر در HTML
    11. آموزش جداول در HTML
    12. آموزش لیست ها در HTML
    13. آموزش لینک های عکس در HTML
    14. آموزش لینک های ایمیل در HTML
    15.  آموزش فریم ها در HTML
    16. آموزش Iframes در HTML
    17. آموزش بلوک در HTML
    18. آموزش پس زمینه در HTML
    19. آموزش رنگ ها در HTML
    20. آموزش فونت ها در HTML
    21. آموزش فرم ها در HTML
    22. آموزش چندرسانه ای در HTML 
    23. مفهوم Marquee در HTML 
    24. آموزش تگ Header در HTML
    25. آموزش Style Sheet در HTML
    26. مرجع تگ ها در HTML 
    27. مرجع ویژگی ها در HTML
    28. مرجع رویدادها در HTML
    29. مرجع فونت ها در HTML 
    30. کدهای ASCII در HTML
    31.  جدول ASCII در HTML
    32. آموزش نام رنگ ها در HTML 
1
0
برچسب ها :
نویسنده مطلب erfan molaei

دیدگاه شما

بدون دیدگاه