آموزش موجودیت (Entities) در HTML
در جلسه بیستم آموزش متنی Html در خدمت شما هستیم با آموزش موجودیت (Entities) در HTML از وب سایت آموزش برنامه نویسی سورس باران.کاراکتر‌های رزرو شده در HTML باید با موجودیت‌های کاراکتر جایگزین شوند. کاراکتر‌هایی که در کیبورد شما وجود ندارد هم می‌توانند با موجودیت‌ها جایگزین شوند. با ما همراه باشید…
آموزش موجودیت (Entities) در HTML
برخی از کاراکتر‌ها در HTML حفظ می‌شوند. اگر شما از علائم بیشتر (<) یا کمتر (>) در متن خود استفاده کنید، مرورگر آن‌ها را با تگ‌ها ادغام می‌کند. موجودیت‌های کاراکتر برای نمایش کاراکتر‌های محفوظ در HTML به کار می‌رود. یک موجودیت کاراکتر مشایه زیر است:
برای نمایش علامت کمتر (>) باید به این صورت بنویسد: < یا <
مزیت استفاده از یک نام موجودیت ساده بودن به خاطر سپاری و یادآوری آن است. معایب استفاده از آن هم این است که مرورگرها از تمام نام‌های موجودیت پشتیبانی نمی‌کنند، اما پشتیبانی از اعداد بهتر است.
حتما بخوانید : آموزش جامع برنامه نویسی PHP و MySQL به همراه صفر تا صد ساخت فروشگاه اینترنتی
فاصله بدون شکست در HTML
یک موجودیت کاراکتر رایج که در HTML زیاد مورد استفاده قرار می‌گیرد، فاصله بدون شکست یا است. فضای بدون شکست (non-beaking space) به فضایی گفته می‌شود که به خط جدید شکسته نمی‌شود. دو کلمه که توسط فضای بدون شکست جدا شده باشند به یکدیگر می‌چسند (به خط جدید نمی‌روند). این روش زمانی مفید است که شکستن کلمات باعث درهم ریختگی و مشکل شود. به مثال‌های زیر توجه کنید:
– $ ۱۰
– ۱۰ km/h
– ۱۰ PM
یکی دیگر از استفاده‌های رایج از فاصله بدون شکست جلوگیری از حذف فاصله‌ها در صفحات HTML توسط مرورگر است. اگر شما در متن خود ۹ فاصله داشته باشید، مرورگر ۹ فاصله را حذف خواهد کرد. برای افزودن فاصله واقعی به متن می‌توانید از نام موجودیت استفاده کنید. خط فاصله بدون شکست (‑) به شما امکان استفاده از کاراکتر خط فاصله‌ای (ـ) را می‌دهد که دارای شکست نیست.
موجودیت های کاراکتر کاربردی در HTML
| Result | Description | Entity Name | Entity Number |
|---|---|---|---|
| non-breaking space | |   | |
| < | less than | < | < |
| > | greater than | > | > |
| & | ampersand | & | & |
| “ | double quotation mark | " | " |
| ‘ | single quotation mark (apostrophe) | ' | ' |
| ¢ | cent | ¢ | ¢ |
| £ | pound | £ | £ |
| ¥ | yen | ¥ | ¥ |
| € | euro | € | € |
| © | copyright | © | © |
| ® | registered trademark | ® | ® |
توجه داشته باشید که نام موجودیت‌ها به کوچکی و بزرگی حروف حساس هستند.
ترکیب علائم تفکیک کننده در HTML
علامت تفکیک کننده که به شکل اعراب در زبان عربی هستند، در واقع یک گلیف است که به یک حرف اضافه می‌شود. برخی از علائم تفکیک‌کننده مانند بم (`) و زیر (‘) را تکیه حروف می‌نامند. این علائم می توانند بالا و پایین و داخل یک کلمه و بین دو کلمه قرار بگیرند. از علائم تفکیک کننده به همراه کاراکتر‌های الفبا و اعداد می‌توان برای تولید کاراکتری استفاده کرد که در مجموعه کاراکتر‌های به کار رفته در صفحه وجود ندارد. در زیر چند نمونه از آن‌ها را مشاهده می‌کنید:
| Mark | Character | Construct | Result |
|---|---|---|---|
| ̀ | a | à | à |
| ́ | a | á | á |
| ̂ | a | â | â |
| ̃ | a | ã | ã |
| ̀ | O | Ò | Ò |
| ́ | O | Ó | Ó |
| ̂ | O | Ô | Ô |
| ̃ | O | Õ | Õ |
آموزش استفاده از نام یک موجودیت در HTML
برای استفاده از نام یک موجودیت ما باید اول یک علامت ( & ) گذاشته سپس نام موجودیت را نوشته و در نهایت علامت ( ; ) را بگذاریم. پس به راحتی ما میتوانیم از موجودیت ها در HTML استفاده نماییم.
<body> <p> © </p> <p> ® </p> </body>
برای استفاده از کد یا شماره یک موجودیت ما باید اول علامت ( & ) را گذاشته سپس یک علامت ( # ) سپس کد یا شماره موجودیت را نوشته و در نهایت علامت ( ; ) را بگذاریم. پس به راحتی ما میتوانیم از موجودیت ها در HTML استفاده نماییم.
<body> <p> © </p> <p> ® </p> </body>
حال اگر لطف بفرمایید و خروجی هر دو مثال بالا را مشاهده نمایید، میبینید که خروجی هر ۲ مثال بالا یکی است، چون در مثال اول از نام موجودیت استفاده کردیم و در مثال دوم از کد یا شماره موجودیت، پس هر ۲ خروجی باید یکی باشند.
ترکیب حروف با موجودیت ها در HTML
ما همچنین در HTML میتوانیم از موجودیت ها بصورت ترکیبی استفاده نماییم ، یعنی با ترکیب حروف و موجودیت ها میتوانیم یک حرف یا کلمه جدیدی را ایجاد نماییم. لطفا برای مثال به دستورات زیر توجه نمایید.
<body> <p> Ã </p> <p> ã </p> </body>
اگر بروی دکمه امتحان کنید کلیک نمایید و خروجی را مشاهده نمایید، میبینید که با ترکیب حرف (A) و موجودیت (;۷۷۱#&) ما تونستیم یک حرف جدیدی را ایجاد نماییم.
منبع : W3Schools
لیست جلسات قبل آموزش Html
- آموزش اصول اولیه و عناصر HTML
- آموزش کار با خصوصیات(Attribute) و عناوین(Heading) در Html
- آموزش کار با پاراگراف و استایل در Html
- آموزش کار با قالب بندی متن در Html
- آموزش کار با کامنت در HTML
- آموزش کار با کامنت در HTML
- آموزش کار با رنگ ها در HTML
- آموزش کار با تصاویر در HTML
- آموزش کار با لینک در HTML
- آموزش کار با جدول در HTML
- آموزش کار با لیست ها در HTML
- آموزش کار با عناصر Block و Inline در HTML
- آموزش کار با عنصر Class در HTML
- آموزش Html؛ آموزش iframe در HTML
- آموزش Html؛ آموزش جاوا اسکریپت در HTML
- آموزش کار با عنصر Head در HTML
- آموزش Layout در HTML
- آموزش طراحی سایت ریسپانسیو در HTML
- آموزش عناصر کد کامپیوتر در HTML
The post آموزش موجودیت (Entities) در HTML appeared first on آموزش برنامه نویسی - یادگیری برنامه نویسی با طعم سورس باران.
