آموزش موجودیت ها یا Entities در Html بصورت جامع
موجودیت یا entities در Html
موجودیت یا entities در html یکسری نمادها و علائم خاصی هستند که از صفحه کلید سیستم شما در دسترس نمی باشند.
این نمادها در نمایش مواردی از جمله عملگرهای منطقی و محاسباتی، نماد واحدهای مختلف ارز ، نماد برخی واحدهای اندازه گیری و… کاربرد دارند.
موجودیت ها یا Entities در HTML به کاراکترهایی که بتوانند کاراکترهای ذخیره شده در HTML را نمایش دهند موجودیت یا Entitie گفته می شود.
entities در HTML
برخی از کاراکترها در HTML ذخیره می شوند.
اگر در متن خود از نمادهای “کوچکتر از” (>) یا “بیشتر از” (<) استفاده کنید، مرورگر آنها را با تگ ها ترکیب می کند، بنابراین از موجودیت های کاراکتری برای نمایش کاراکترهای
رزرو شده استفاده می شود.
انواع موجودیت ها در HTML
برای استفاده از موجودیت ها در HTML ما میتونیم از ۲ روش زیر استفاده نماییم :
- استفاده از نام موجودیت
- استفاده از کد موجودیت
شکل کلی یک موجودیت در HTML بصورت زیر می باشد، یعنی ما باید از طریق شکل زیر از موجودیت ها استفاده نماییم :
|
1 2 3 4 |
&entity_name; OR &#entity_number; |
اولی entity_name یا همان نام موجودیت و دومی entity_number یا همان شماره یا کد موجودیت می باشد.
استفاده از نام موجودیت در HTML
برای استفاده از نام یک موجودیت ما باید اول یک علامت ( & ) گذاشته سپس نام موجودیت را نوشته و در نهایت علامت ( ; ) را بگذاریم :
|
1 2 3 4 5 6 |
<body> <p> © </p> <p> ® </p> </body> |
خروجی:
استفاده از کد موجودیت در HTML
برای استفاده از کد یا شماره یک موجودیت ما باید اول علامت ( & ) را گذاشته سپس یک علامت ( # ) سپس کد یا شماره موجودیت را نوشته و در نهایت علامت ( ; ) را بگذاریم.
|
1 2 3 4 5 6 |
<body> <p> © </p> <p> ® </p> </body> |
خروجی:
اگر در خروجی های دو مثال بالا توجه نمایید هر دو خروجی های بالا یکی هستند،در مثال اول از نام موجودیت و در مثال دوم از کد موجودیت استفاده کردیم.
مزیت استفاده از یک نام موجودیت: نام موجودیت ساده بوده و به راحتی قابل یادآوری است.
معایب استفاده از یک نام موجودیت : مرورگرها ممکن است از تمام نامهای موجودیت پشتیبانی نکنند، اما از موجودیت های اعداد به خوبی پشتیبانی می کنند.
نحوه ایجاد فاصله بین حروف در HTML
کاراکتر موجودیتی که معمولا برای ایجاد فضای فاصله در عناصر استفاده می شود کاراکتر   است.
کاراکتر فوق یک فضای خالی ایجاد می کند بدون اینکه متن شما را به خط بعدی منتقل کند.
استفاده از کاراکتر فوق ، باعث ایجاد یک فضای فاصله بین کلمات و افزایش خوانایی متن می شود.
|
1 2 3 4 5 |
<body> <p> Upweb amozeshe Html</p> </body> |
خروجی:
همچنین اگر شما در متن خود ۱۰ فاصله قرار دهید، مرورگر ۹ مورد از آنها را حذف خواهد کرد. برای اضافه کردن فضاهای واقعی به متن خود، می توانید از & nbsp؛ استفاده کنید.
همچنین کاراکتر ‑ به شما اجازه می دهد تا از یک کاراکتر خط فاصله (-) در متن خود استفاده کنید.
برخی از پرکاربردترین موجودیت ها در html :
| نتایج | توضیحات | نام موجودیت | شماره موجودیت |
|---|---|---|---|
| non-breaking space | | ||
| < | less than | < | < |
| > | greater than | > | > |
| & | ampersand | & | & |
| “ | double quotation mark | " | “ |
| ‘ | single quotation mark (apostrophe) | ' | ‘ |
| ¢ | cent | ¢ | ¢ |
| £ | pound | £ | £ |
| ¥ | yen | ¥ | ¥ |
| € | euro | € | € |
| © | copyright | © | © |
| ® | registered trademark | ® | ® |
نکته : نامهای موجودیت حساس به حروف هستند.
ترکیب علائم دیاکریتیک
یک علامت دیاکریتیک یک “گلیف” است که به یک حرف اضافه شده است.
برخی علامت های دیاکریتیک، مانند grave ( ̀ ) و acute ( ́ )، لهجه می شوند.
علامت های دیاکریتیک می تواند در هر دو قسمت بالا و پایین یک نامه، داخل یک حرف و بین دو حرف ظاهر شود.
علامت های دیاکریتیک می تواند در ترکیب با موجودیت های عددی برای تولید موجودیت که در مجموعه موجودیت (کدینگ) مورد استفاده در صفحه وجود ندارد استفاده شود.
برخی از علائم دیاکریتیک به شرح زیر است:
| علامت | کاراکتر | ساختار | نتیجه |
|---|---|---|---|
| ̀ | a | à | à |
| ́ | a | á | á |
| ̂ | a | â | â |
| ̃ | a | ã | ã |
| ̀ | O | Ò | Ò |
| ́ | O | Ó | Ó |
| ̂ | O | Ô | Ô |
| ̃ | O | Õ | Õ |
به پایان آموزش کار با موجودیت ها یا Entities در HTML رسیدیم، لطفا در آموزش های بعدی همچنان با ما همراه باشید.