سایت آموزشی فری لرن
سایت آموزشی فری لرن
خواندن ۳ دقیقه·۶ سال پیش

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

سلام خدمت تمامی دوستان ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش موجودیت ها یا Entities در HTML با من همراه باشید.


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

موجودیت ها یا Entities در HTML به کاراکترهایی که بتوانند کاراکترهای ذخیره شده در HTML را نمایش دهند موجودیت یا Entitie گفته می شود.

بهتر است بدانید برخی از کاراکترها هستند که متعلق به HTML می باشند، خب این یعنی چی! یعنی ما تعدادی کاراکتر داریم که زبان HTML از آنها برای وجود خودش استفاده میکنه و یجورایی میشه گفت HTML این کاراکترها رو در خودش ذخیره کرده.

برای مثال این علامت (<)(بزرگتر) و این علامت (>) (کوچکتر) متعلق به HTML می باشد یعنی ما با استفاده از این دو علامت میتوانیم یک تگ را باز و بسته نماییم و بطور کلی دیگر مواردی که در زبان HTML از آن استفاده می شود.

حال موجودیت ها باز خودشون یکسری کاراکتر هستند که ما با استفاده از آنها میتوانیم کاراکترهای ذخیره شده در زبان HTML را استخراج کنیم و در نهایت آنها را در خروجی به نمایش دربیاوریم.

بفرض مثال من میخوام دستورات زیر را درون یک فایل HTML قرار دهم و دقیقا همین دستورات در خروجی هم نمایش داده شود؟!

<p>Www.Free-Learn.Ir</p>

همانطور که میدانید در حالت عادی چنین چیزی امکان نداره!


ولی من میخوام دقیقا همین دستورات در خروجی نیز نمایش داده شوند یعنی میخوام در خروجی دقیقا دستور زیر یعنی <p>Www.Free-Learn.Ir</p> نمایش داده شود! اونوقت باید چکار کرد؟ اینجاست که ما باید از موجودیت ها یا Entities استفاده نماییم.

حال میخواهیم با استفاده از موجودیت ها، دستورات بالا را که مشاهده نمودید در خروجی دقیقا به همان صورت به نمایش دربیاوریم.

<body>
&lt;p&gt; Www.Free-Learn.Ir &lt;/p&gt;
</body>
امتحان کنید

اگر خروجی را مشاهده نمایید میبینید که در خروجی دقیقا دستوراتی را که میخواستیم به ما نمایش داده شود نمایش داده شده است چرا که ما با استفاده از موجودیت ها تونستیم از کاراکترهایی که متعلق به HTML است استفاده نماییم.


کار با موجودیت ها یا Entities در HTML

برای استفاده از موجودیت ها در HTML ما میتونیم از ۲ روش زیر استفاده نماییم :

  1. استفاده از نام موجودیت
  2. استفاده از کد موجودیت

شکل کلی یک موجودیت در HTML بصورت زیر می باشد، یعنی ما باید از طریق شکل زیر از موجودیت ها استفاده نماییم :

&entity_name;
OR
&#entity_number;

اولی entity_name یا همون نام موجودیت و دومی entity_number یا همون شماره یا کد موجودیت می باشد.


نحوه استفاده از نام یک موجودیت در HTML

برای استفاده از نام یک موجودیت ما باید اول یک علامت ( & ) گذاشته سپس نام موجودیت را نوشته و در نهایت علامت ( ; ) را بگذاریم. پس به راحتی ما میتوانیم از موجودیت ها در HTML استفاده نماییم.

<body>
<p> &copy; </p>
<p> &reg; </p>
</body>
امتحان کنید

نحوه استفاده از کد یک موجودیت در HTML

برای استفاده از کد یا شماره یک موجودیت ما باید اول علامت ( & ) را گذاشته سپس یک علامت ( # ) سپس کد یا شماره موجودیت را نوشته و در نهایت علامت ( ; ) را بگذاریم. پس به راحتی ما میتوانیم از موجودیت ها در HTML استفاده نماییم.

<body>
<p> &#169; </p>
<p> &#174; </p>
</body>
امتحان کنید

حال اگر لطف بفرمایید و خروجی هر دو مثال بالا را مشاهده نمایید، میبینید که خروجی هر ۲ مثال بالا یکی است، چون در مثال اول از نام موجودیت استفاده کردیم و در مثال دوم از کد یا شماره موجودیت، پس هر ۲ خروجی باید یکی باشند.


نحوه ایجاد فاصله بین حروف در HTML

نمیدونم تا به الان براتون پیش اومده یا نه ولی بطور کلی اینو بدونید که در زبان HTML فقط و فقط یک خط فاصله در بین حروف و کلمات محاسبه می شود ، یعنی اگر شما ۱۰۰ فاصله در بین کلماتتون بندازید در خروجی فقط و فقط یک فاصله عمل میکند و نمایش داده می شود.

اینجاست که ما میتونیم با استفاده از موجودیت ;nbsp& به راحتی و به دلخواه هر چقدر که فاصله بخواهیم در بین حروف و کلمات ایجاد نماییم و به همان اندازه نیز در خروجی نمایش داده شود.

<body>
<p> Salam &nbsp; &nbsp; &nbsp; Man Sadegh Hastam.</p>
</body>
امتحان کنید



منبع: سایت آموزشی فری لرن
برای مشاهده جدول برخی از موجودیت های پرکاربرد و همچنین دانلود فایل PDF این آموزش لطفا به سایت مراجعه نمایید.
موجودیت ها در html
وبسایت آموزشی فری لرن - https://free-learn.ir
شاید از این پست‌ها خوشتان بیاید