آموزش موجودیت (Entities) در HTMLReviewed by صابر بوستانی on Jan 1Rating: 5.0
آموزش موجودیت (Entities) در HTML

آموزش موجودیت (Entities) در HTML

در جلسه بیستم آموزش متنی Html در خدمت شما هستیم با آموزش موجودیت (Entities) در HTML از وب سایت آموزش برنامه نویسی سورس باران.کاراکتر‌های رزرو شده در HTML باید با موجودیت‌های کاراکتر جایگزین شوند. کاراکتر‌هایی که در کیبورد شما وجود ندارد هم می‌توانند با موجودیت‌ها جایگزین شوند. با ما همراه باشید…

آموزش موجودیت (Entities) در HTML

برخی از کاراکتر‌ها در HTML حفظ می‌شوند. اگر شما از علائم بیشتر (<) یا کمتر (>) در متن خود استفاده کنید، مرورگر آن‌ها را با تگ‌ها ادغام می‌کند. موجودیت‌های کاراکتر برای نمایش کاراکتر‌های محفوظ در HTML به کار می‌رود. یک موجودیت کاراکتر مشایه زیر است:

برای نمایش علامت کمتر (>) باید به این صورت بنویسد: &lt; یا &#60;

مزیت استفاده از یک نام موجودیت ساده بودن به خاطر سپاری و یادآوری آن است. معایب استفاده از آن هم این است که مرورگرها از تمام نام‌های موجودیت پشتیبانی نمی‌کنند، اما پشتیبانی از اعداد بهتر است.

حتما بخوانید : آموزش جامع برنامه نویسی PHP و MySQL به همراه صفر تا صد ساخت فروشگاه اینترنتی

فاصله بدون شکست در HTML

یک موجودیت کاراکتر رایج که در HTML زیاد مورد استفاده قرار می‌گیرد، فاصله بدون شکست یا &nbsp; است. فضای بدون شکست (non-beaking space) به فضایی گفته می‌شود که به خط جدید شکسته نمی‌شود. دو کلمه که توسط فضای بدون شکست جدا شده باشند به یکدیگر می‌چسند (به خط جدید نمی‌روند). این روش زمانی مفید است که شکستن کلمات باعث درهم ریختگی و مشکل شود. به مثال‌های زیر توجه کنید:

– $ ۱۰

– ۱۰ km/h

– ۱۰ PM

یکی دیگر از استفاده‌های رایج از فاصله بدون شکست جلوگیری از حذف فاصله‌ها در صفحات HTML توسط مرورگر است. اگر شما در متن خود ۹ فاصله داشته باشید، مرورگر ۹ فاصله را حذف خواهد کرد. برای افزودن فاصله واقعی به متن می‌توانید از نام موجودیت &nbsp; استفاده کنید. خط فاصله بدون شکست (&#8209;) به شما امکان استفاده از کاراکتر خط فاصله‌ای (ـ) را می‌دهد که دارای شکست نیست.

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

ResultDescriptionEntity NameEntity Number
non-breaking space&nbsp;&#160;
<less than&lt;&#60;
>greater than&gt;&#62;
&ampersand&amp;&#38;
double quotation mark&quot;&#34;
single quotation mark (apostrophe)&apos;&#39;
¢cent&cent;&#162;
£pound&pound;&#163;
¥yen&yen;&#165;
euro&euro;&#8364;
©copyright&copy;&#169;
®registered trademark&reg;&#174;

توجه داشته باشید که نام موجودیت‌ها به کوچکی و بزرگی حروف حساس هستند.

ترکیب علائم تفکیک کننده در HTML

علامت تفکیک کننده که به شکل اعراب در زبان عربی هستند، در واقع یک گلیف است که به یک حرف اضافه می‌شود. برخی از علائم تفکیک‌کننده مانند بم (`) و زیر (‘) را تکیه حروف می‌نامند. این علائم می توانند بالا و پایین و داخل یک کلمه و بین دو کلمه قرار بگیرند. از علائم تفکیک کننده به همراه کاراکتر‌های الفبا و اعداد می‌توان برای تولید کاراکتری استفاده کرد که در مجموعه کاراکتر‌های به کار رفته در صفحه وجود ندارد. در زیر چند نمونه از آن‌ها را مشاهده می‌کنید:

MarkCharacterConstructResult
 ̀aa&#768;
 ́aa&#769;
̂aa&#770;
 ̃aa&#771;
 ̀OO&#768;
 ́OO&#769;
̂OO&#770;
 ̃OO&#771;

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

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

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

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

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

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

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

منبع : W3Schools

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

  1. آموزش اصول اولیه و عناصر HTML
  2. آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
  3. آموزش کار با پاراگراف و استایل در Html
  4. آموزش کار با قالب بندی متن در Html
  5. آموزش کار با کامنت در HTML
  6. آموزش کار با کامنت در HTML
  7. آموزش کار با رنگ ها در HTML
  8. آموزش کار با تصاویر در HTML
  9. آموزش کار با لینک در HTML
  10. آموزش کار با جدول در HTML
  11. آموزش کار با لیست ها در HTML
  12. آموزش کار با عناصر Block و Inline در HTML
  13. آموزش کار با عنصر Class در HTML
  14. آموزش Html؛ آموزش iframe در HTML
  15. آموزش Html؛ آموزش جاوا اسکریپت در HTML
  16. آموزش کار با عنصر Head در HTML
  17. آموزش Layout در HTML
  18. آموزش طراحی سایت ریسپانسیو در HTML
  19. آموزش عناصر کد کامپیوتر در HTML