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