در جلسه بیستم آموزش متنی Html در خدمت شما هستیم با آموزش موجودیت (Entities) در HTML از وب سایت آموزش برنامه نویسی سورس باران.کاراکترهای رزرو شده در HTML باید با موجودیتهای کاراکتر جایگزین شوند. کاراکترهایی که در کیبورد شما وجود ندارد هم میتوانند با موجودیتها جایگزین شوند. با ما همراه باشید…
آموزش موجودیت (Entities) در HTML
برخی از کاراکترها در HTML حفظ میشوند. اگر شما از علائم بیشتر (<) یا کمتر (>) در متن خود استفاده کنید، مرورگر آنها را با تگها ادغام میکند. موجودیتهای کاراکتر برای نمایش کاراکترهای محفوظ در HTML به کار میرود. یک موجودیت کاراکتر مشایه زیر است:
برای نمایش علامت کمتر (>) باید به این صورت بنویسد: < یا <
مزیت استفاده از یک نام موجودیت ساده بودن به خاطر سپاری و یادآوری آن است. معایب استفاده از آن هم این است که مرورگرها از تمام نامهای موجودیت پشتیبانی نمیکنند، اما پشتیبانی از اعداد بهتر است.
حتما بخوانید : آموزش جامع برنامه نویسی PHP و MySQL به همراه صفر تا صد ساخت فروشگاه اینترنتی
فاصله بدون شکست در HTML
یک موجودیت کاراکتر رایج که در HTML زیاد مورد استفاده قرار میگیرد، فاصله بدون شکست یا است. فضای بدون شکست (non-beaking space) به فضایی گفته میشود که به خط جدید شکسته نمیشود. دو کلمه که توسط فضای بدون شکست جدا شده باشند به یکدیگر میچسند (به خط جدید نمیروند). این روش زمانی مفید است که شکستن کلمات باعث درهم ریختگی و مشکل شود. به مثالهای زیر توجه کنید:
– $ 10
– 10 km/h
– 10 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
- آموزش موجودیت (Entities) در HTML
- آموزش نمادها (Symbols) در HTML
- آموزش کار با Character (کاراکترهای رزرو شده) در HTML
- آموزش رمزگذاری URL در HTML
- آموزش کامل کار با فرم ها در HTML
- آموزش انواع ورودی (Input) در HTML
- آموزش خصوصیات ورودی در HTML
حتما بخوانید 1 : فیلم آموزش رایگان Html مهندس رحمانی
حتما بخوانید 1 : فیلم آموزش رایگان CSS مهندس رحمانی
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.
- منبع : سورس باران
- رمز فايل : www.sourcebaran.com
- انتشار: ۱۱ دی ۱۳۹۸
دسته بندی موضوعات
- آموزش برنامه نویسی
- آموزش کریپتو کارنسی (ارز دیجیتال)
- آموزش متنی برنامه نویسی
- پروژه برنامه نویسی
- فروشگاه
- فیلم های آموزشی
- #F
- ++C
- 3ds max
- Ada
- ADO.NET
- Adobe Flash
- Agile
- Ajax
- AngularJS
- Anime Studio
- apache
- ARM
- Asp.Net
- ASP.NET MVC
- assembly
- AVR
- Azure
- Bootstrap
- Cassandra
- CCNA
- CCNP
- CCSP
- ChatGPT
- Cisco
- CMD
- COBOL
- CSS
- Cython
- Django
- Dreameaver
- Elixir
- EntityFramework
- Erlang
- Flash
- Go
- Groovy
- Haskell
- Htaccess
- HTML
- IOS
- Jade
- jquery
- Kendo UI
- Linq
- Linux
- LUA
- MariaDB
- maya
- Meteor
- MongoDB
- Mono Android
- MonoGame
- Mysql
- NoSQL
- Oracle
- Orchard
- Perl
- php
- PHPMyAdmin
- R
- Rational Rose
- Ruby
- Rust
- Scala
- Scrum Master
- SFML
- SharePoint
- SignalR
- silver light
- SQL Server
- Stimulsoft Reports
- Telerik
- UML
- VB.NET&VB6
- Vue 3
- WPF
- Xml
- آردوینو
- آموزش های پروژه محور
- آیونیک
- اتوکد
- الگوریتم تقریبی
- الگوریتم نویسی و فلوچارت
- امنیت
- اندروید
- اندروید استودیو
- انیمیشن سازی
- بازی سازی با Scratch
- بک ترک
- بیسیک فور اندروید
- پایتون
- پرولوگ
- پریمیر
- جاوا
- جاوا اسکریپت
- جنگو
- جوملا
- دارت
- دلفی
- دوره های رایگان پیشنهادی
- زامارین
- سئو
- ساخت CMS
- ساخت اتوران
- ساختمان داده ها
- سی شارپ
- شبکه و مجازی سازی
- طراحی الگوریتم
- طراحی بازی
- طراحی وب
- فتوشاپ
- فریم ورک codeigniter
- فلاتر
- کاتلین
- کامپایلرها
- کانستراکت
- کریستال ریپورت
- کلوژر
- گوگل آنالیتیکس
- گیت
- لاراول
- مای بی بی
- مایکروسافت پروجکت
- متریال دیزاین
- متلب
- معماری کامپیوتر
- مهندسی اینترنت
- میکروتیک
- نود جی اس
- نیوک
- هوش مصنوعی
- ویبولوتین
- ویژوال استودیو
- یونیتی
- کتاب های آموزشی
- Ada
- Ajax
- Android
- ASP.NET
- ASP.NET Core
- AVR
- clips
- CNC
- COBOL
- CQRS
- Cython
- Dreamweaver
- Elixir
- Entity Framework 4.0
- Erlang
- Go
- Groovy
- Haskell
- LINQ
- Lua
- Matlab
- MFC
- Node.js
- PERL
- php
- PLC
- Prolog
- React
- Rust
- Scala
- SFML
- SharePoint
- silver light
- VHDL
- VMware
- WinJS
- Workflow
- WPF
- XHTML
- Yii Framework
- اتوکد
- اچ تی ام ال
- اسمبلی
- اکتیو ایکس
- الگوریتم و فلوچارت
- انگولار
- اوبونتو
- اوراکل
- بازی سازی
- بانک اطلاعاتی
- برنامه نویسی سوکت
- برنامه نویسی موبایل
- بک ترک
- پاسکال
- پایان نامه
- پایتون
- پرولوگ
- جاوا
- جاوا اسکریپت
- جی کوئری
- حوملا
- داده کاوی
- دلفی
- رباتیک
- روبی
- زبان ماشین
- سئو
- ساختمان داده ها
- سایر کتاب ها
- سخت افزار
- سوئیفت
- سی اس اس
- سی پلاس پلاس
- سی شارپ
- سیستم عامل
- سیستم های خبره
- شبکه و مجازی سازی
- شبیه سازی کامپیوتر
- طراحی الگوریتم
- فتوشاپ
- فریم ورک گتنا
- کاتلین
- کالی لینوکس
- کریستال ریپورت
- گزارش کارآموزی
- گوگل
- لیسپ
- متلب
- مقاله
- مهندسی نرم افزار
- نیوک
- هوش مصنوعی
- وب مستر
- ویژوال بیسیک
- نرم افزار و ابزار برنامه نویسی
- وردپرس