خواندن ۵ دقیقه·۵ سال پیش

12 - HTML Entities

به نام ایزد دانا

در این پست آموزشی در مورد موجودیت ها یا Entities صحبت خواهیم کرد.

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

اگر سوال یا هر حرفی دارید میتونید به ایمیل من به آدرس ARiyou.public@gmail.com و یا در شبکه های اجتماعی با شناسه (ID | User name) زیر منو پیدا کنید

Telegram, Twitter, Facebook & ... By : @ARiyou2000

با تشکر از همه شما دوستان، آریو جهان

دیگه بریم سر اصل مطلب

بیایید به یه تعریف Free Learn انجام داده نگاه کنیم.

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

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

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

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

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

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

<p>Www . Free-Learn . Ir</p>
<p>سایت آموزشی فری لرن</p>

همانطور که میدانید در حالت عادی چنین چیزی امکان نداره! چون HTML به محض دیدن دستورات بالا در خروجی اول یک پاراگراف با این مقدار (Www . Free-Learn . Ir) و سپس یک پاراگراف دیگر با این مقدار (سایت آموزشی فری لرن) را نمایش میدهد.

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

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

<body>
<p> Www . Free-Learn . Ir </p>
<p> سایت آموزشی فری-لرن </p>
</body>

امتحان کنید

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

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

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

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

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

&entity_name;
یا
&#entity_number;

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

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

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

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

<body>
<p> © </p>
<p> ® </p>
</body>

امتحان کنید

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

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

<body>
<p> © </p>
<p> ® </p>
</body>

امتحان کنید

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

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

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

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

<body>
<p> Salam       Man Sadegh Hastam.</p>
</body>

امتحان کنید

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

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

<body>
<p> Ã </p>
<p> ã </p>
</body>

امتحان کنید

اگر بروی دکمه امتحان کنید کلیک نمایید و خروجی را مشاهده نمایید، میبینید که با ترکیب حرف (A) و موجودیت (;۷۷۱#&) ما تونستیم یک حرف جدیدی را ایجاد نماییم.

خلاصه ی این بخش

(مخصوص کسایی که به درک کردن مبحث اعتقاد ندارن که در برخی موارد خیلی هم خوبه)

موجودیت بطور کلی به کاراکترهای ذخیره شده در HTML و یا کاراکترهایی که بتوان علامت های < و > و… را در یک صفحه ی وب نشان داد، گفته می شود.
برای ایجاد فاصله بین حروف و کلمات در یک فایل HTML باید از ;nbsp& استفاده کرد.

در ضمن یادتون باشه من از پست هایی که میزارم 10 خطش رو مجبورم و بقیش رو واسه دل خودم مینویسم. پس واقعا امیدوارم سرتون درد نیومده باشه و لذت برده باشید.

نظراتتون بینهایت دلگرم کنندست. انتقاداتتون هم در درجه اول باعث بهبود شخصیت اجتماعیم و بعدش کارم و نوشته هام میشه، پس بازم بینهایت ممنونم.

مثل همیشه نظراتونو می‌خونم و جواب می‌دم و اگه از نوشته‌هام خوشتون اومد او قلب تو خالیه‌ رو قرمز کنین برام و دنبالم کنید تا انگیزه داشته باشم بنویسم❤️

شب و روزگار بر شما خوش.

بدرود.

ARiyou Jahan ‏12/01‏/2019‏ 10:34 ب.ظ

Entities موجودیت html

ARiyou Jahan

شاید از این پست‌ها خوشتان بیاید