آموزش کار با موجودیت ها یا Entities در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با موجودیت ها یا Entities در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
موجودیت ها یا Entities در HTML
موجودیت ها یا Entities در HTML به کاراکترهایی که بتوانند کاراکترهای ذخیره شده در HTML را نمایش دهند موجودیت یا Entitie گفته می شود.
بهتر است بدانید برخی از کاراکترها هستند که متعلق به HTML می باشند، خب این یعنی چی! یعنی ما تعدادی کاراکتر داریم که زبان HTML از آنها برای وجود خودش استفاده میکنه و یجورایی میشه گفت HTML این کاراکترها رو در خودش ذخیره کرده.
برای مثال این علامت (<)(بزرگتر) و این علامت (>) (کوچکتر) متعلق به HTML می باشد یعنی ما با استفاده از این دو علامت میتوانیم یک تگ را باز و بسته نماییم و بطور کلی دیگر مواردی که در زبان HTML از آن استفاده می شود.
حال موجودیت ها باز خودشون یکسری کاراکتر هستند که ما با استفاده از آنها میتوانیم کاراکترهای ذخیره شده در زبان HTML را استخراج کنیم و در نهایت آنها را در خروجی به نمایش دربیاوریم.
بفرض مثال من میخوام دستورات زیر را درون یک فایل HTML قرار دهم و دقیقا همین دستورات در خروجی هم نمایش داده شود؟!
|
1 2 |
<p>Www.Free-Learn.Ir</p> <p>سایت آموزشی فری لرن</p> |
همانطور که میدانید در حالت عادی چنین چیزی امکان نداره! چون HTML به محض دیدن دستورات بالا در خروجی اول یک پاراگراف با این مقدار (Www.Free-Learn.Ir) و سپس یک پاراگراف دیگر با این مقدار (سایت آموزشی فری لرن) را نمایش میدهد.
ولی من میخوام دقیقا همین دستورات در خروجی نیز نمایش داده شوند یعنی میخوام در خروجی دقیقا دستور زیر یعنی <p>Www.Free-Learn.Ir</p> نمایش داده شود! اونوقت باید چکار کرد؟ اینجاست که ما باید از موجودیت ها یا Entities استفاده نماییم.
حال میخواهیم با استفاده از موجودیت ها، دستورات بالا را که مشاهده نمودید در خروجی دقیقا به همان صورت به نمایش دربیاوریم.
|
1 2 3 4 5 6 7 |
<body> <p> Www.Free-Learn.Ir </p> <p> سایت آموزشی فری لرن </p> </body> |
اگر خروجی را مشاهده نمایید میبینید که در خروجی دقیقا دستوراتی را که میخواستیم به ما نمایش داده شود نمایش داده شده است چرا که ما با استفاده از موجودیت ها تونستیم از کاراکترهایی که متعلق به HTML است استفاده نماییم.
Free-Learn
کار با موجودیت ها یا Entities در HTML
برای استفاده از موجودیت ها در HTML ما میتونیم از ۲ روش زیر استفاده نماییم :
- استفاده از نام موجودیت
- استفاده از کد موجودیت
شکل کلی یک موجودیت در HTML بصورت زیر می باشد، یعنی ما باید از طریق شکل زیر از موجودیت ها استفاده نماییم :
|
1 2 3 |
&entity_name; یا &#entity_number; |
اولی entity_name یا همون نام موجودیت و دومی entity_number یا همون شماره یا کد موجودیت می باشد.
Free-Learn
نحوه استفاده از نام یک موجودیت در HTML
برای استفاده از نام یک موجودیت ما باید اول یک علامت ( & ) گذاشته سپس نام موجودیت را نوشته و در نهایت علامت ( ; ) را بگذاریم. پس به راحتی ما میتوانیم از موجودیت ها در HTML استفاده نماییم.
ساده ترین راه استفاده از نام یک موجودیت است ولی ممکن است بعضی از مرورگرها این نام ها رابطور کامل پشتیبانی نکنند.
|
1 2 3 4 5 6 |
<body> <p> © </p> <p> ® </p> </body> |
Free-Learn
نحوه استفاده از کد یک موجودیت در HTML
برای استفاده از کد یا شماره یک موجودیت ما باید اول علامت ( & ) را گذاشته سپس یک علامت ( # ) سپس کد یا شماره موجودیت را نوشته و در نهایت علامت ( ; ) را بگذاریم. پس به راحتی ما میتوانیم از موجودیت ها در HTML استفاده نماییم.
|
1 2 3 4 5 6 |
<body> <p> © </p> <p> ® </p> </body> |
حال اگر لطف بفرمایید و خروجی هر دو مثال بالا را مشاهده نمایید، میبینید که خروجی هر ۲ مثال بالا یکی است، چون در مثال اول از نام موجودیت استفاده کردیم و در مثال دوم از کد یا شماره موجودیت، پس هر ۲ خروجی باید یکی باشند.
Free-Learn
نحوه ایجاد فاصله بین حروف در HTML
نمیدونم تا به الان براتون پیش اومده یا نه ولی بطور کلی اینو بدونید که در زبان HTML فقط و فقط یک خط فاصله در بین حروف و کلمات محاسبه می شود ، یعنی اگر شما ۱۰۰ فاصله در بین کلماتتون بندازید در خروجی فقط و فقط یک فاصله عمل میکند و نمایش داده می شود.
اینجاست که ما میتونیم با استفاده از موجودیت ;nbsp& به راحتی و به دلخواه هر چقدر که فاصله بخواهیم در بین حروف و کلمات ایجاد نماییم و به همان اندازه نیز در خروجی نمایش داده شود.
|
1 2 3 4 5 |
<body> <p> Salam Man Sadegh Hastam.</p> </body> |
Free-Learn
ترکیب حروف با موجودیت ها در HTML
ما همچنین در HTML میتوانیم از موجودیت ها بصورت ترکیبی استفاده نماییم ، یعنی با ترکیب حروف و موجودیت ها میتوانیم یک حرف یا کلمه جدیدی را ایجاد نماییم. لطفا برای مثال به دستورات زیر توجه نمایید.
|
1 2 3 4 5 6 |
<body> <p> Ã </p> <p> ã </p> </body> |
اگر بروی دکمه امتحان کنید کلیک نمایید و خروجی را مشاهده نمایید، میبینید که با ترکیب حرف (A) و موجودیت (;۷۷۱#&) ما تونستیم یک حرف جدیدی را ایجاد نماییم.
Free-Learn
جدول برخی از موجودیت های HTML
در جدول زیر میتوانید برخی از پراستفاده ترین موجودیت های مورد استفاده در HTML را مشاهده نمایید.
در بخش بعدی میتوانید مجموعه ای از سمبل های مورد استفاده در صفحات وب را مشاهده نمایید.
| نام | شماره | نتیجه |
|---|---|---|
| ;lt& | ;#۶۰& | > |
| ;gt& | ;#۶۲& | < |
| ;amp& | ;#۳۸& | & |
| ;quot& | ;#۳۴& | “ |
| ;apos& | ;#۳۹& | ‘ |
| ;copy& | ;#۱۶۹& | © |
| ;reg& | ;#۱۷۴& | ® |
| ;euro& | ;#۸۳۶۴& | € |
| ;frasl& | ;#۸۲۶۰& | ⁄ |
| – | ;#۸۲۷۰& | ⁎ |
| – | ;#۸۲۷۱& | ⁏ |
| ;nbsp& | ;#۱۶۰& | فاصله ایجاد میکند |
