نویسههای خاص HTML
دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 03 آذر 1399نویسههای خاص HTML که به آنها کاراکترهای ویژه (special characters) نیز گفته میشود، برای نمایش نمادها، سمبلها و کاراکترهایی به کار میروند که معادل آنها روی صفحهکلید وجود ندارد.
انواع نویسههای خاص HTML
نویسههای خاص HTML را میتوان به دو دسته کلی تقسیم کرد نویسههای از پیش تعریفشده و نویسههای تعریفشده توسط کاربر که در ادامه به بررسی هردو دسته میپردازیم.
دو دسته کلی از نویسههای خاص HTML
1. نویسههای از پیش تعریفشده:
- این کاراکترها در HTML استاندارد تعریف شدهاند و برای نمایش نمادهای رایج مانند حق تکثیر، علامت ثبتشده و یورو استفاده میشوند.
- برخی از نمونههای نویسههای از پیش تعریفشده عبارتند از:
©
(حق تکثیر)®
(علامت ثبتشده)™
(علامت تجاری)§
(پاراگراف)€
(یورو)£
(پوند)¥
(ين (ین ژاپنی))
2. نویسههای تعریفشده توسط کاربر:
- این کاراکترها توسط کاربر با استفاده از کدهای یونیکد (Unicode) تعریف میشوند و میتوان از آنها برای نمایش هر نوع کاراکتری استفاده کرد.
- برای استفاده از نویسههای تعریفشده توسط کاربر، باید از کدهای یونیکد به صورت هگزادسیمال (hexadecimal) استفاده کنید.
- برای مثال، برای نمایش دادن نماد قلب (♥)، میتوان از کد یونیکد U+2665 استفاده کرد.
HTML
<p>♥</p>
نکات:
برخی از موجودیتهای نویسه نامهای کوتاهی نیز دارند که میتوان از آنها به جای کد کامل استفاده کرد. برای مثال، به جای ©
میتوان از ©
نیز استفاده کرد.
برای آموزش رایگان CSS میتوانید مقالات این دسته را در سایت آکادمی دویکس مطالعه کنید.
نحوه استفاده از نویسههای خاص HTML
برای استفاده از نویسههای خاص HTML، باید از موجودیتهای نویسه یا موجودیتهای کاراکتر (character entities) استفاده کنید. این entitityها کدهای خاصی هستند که با علامت & شروع شده و با ; تمام میشوند. در میان این دو علامت، کد مربوط به کاراکتر ویژه قرار میگیرد.
مراحل استفاده از نویسههای خاص HTML:
- موجودیت نویسه مورد نظر خود را پیدا کنید:
- میتوانید لیست کاملی از موجودیتهای نویسه و نامهای کوتاه آنها را در منابع مختلفی پیدا کنید.
- همچنین میتوانید از ابزارهای جستجوی آنلاین موجودیتهای نویسه استفاده کنید.
- از کد موجودیت نویسه در HTML خود استفاده کنید:
- موجودیتهای نویسه با علامت & شروع شده و با ; تمام میشوند.
- در میان این دو علامت، کد مربوط به کاراکتر ویژه قرار میگیرد.
مثال:
برای نمایش دادن نماد © (حق تکثیر)، از موجودیت کدگذاری شدهی ©
استفاده میکنیم:
HTML
<p>© 2024</p>
- نکات مهم:
- برخی از موجودیتهای نویسه نامهای کوتاهی نیز دارند که میتوان از آنها به جای کد کامل استفاده کرد. برای مثال، به جای
©
میتوان از©
نیز استفاده کرد. - در صورت استفاده از نامهای کوتاه، حتماً باید از علامت
&
در ابتدای کاراکتر استفاده کنید. - کدهای موجودیت نویسه را میتوان در هر نقطه از کد HTML خود، از جمله داخل تگها، صفات و مقادیر آنها استفاده کرد.
استفاده از نویسههای خاص HTML با کدهای یونیکد:
میتوانید از کدهای یونیکد (Unicode) برای نمایش نویسههای خاص HTML (کاراکترهای ویژه) استفاده کنید. این روش پیچیدهتر از استفاده از موجودیتهای نویسه است، اما به شما امکان میدهد هر کاراکتری را که در مجموعه یونیکد وجود دارد نمایش دهید.
مراحل استفاده از نویسههای خاص HTML با کدهای یونیکد:
- کد یونیکد کاراکتر مورد نظر خود را پیدا کنید
- کد یونیکد را به صورت هگزادسیمال (hexadecimal) بنویسید:
- کدهای یونیکد به صورت U+ به دنبال چهار رقم هگزادسیمال نوشته میشوند.
- برای مثال، کد یونیکد نماد قلب (♥) U+2665 است.
- از کد هگزادسیمال در HTML خود استفاده کنید:
- برای استفاده از کدهای یونیکد در HTML، باید از علامت
&#x
به دنبال کد هگزادسیمال استفاده کنید.
مثال:
HTML
<p>♥</p>
نکات مهم:
- حتماً از علامت
#
در ابتدای کد هگزادسیمال استفاده کنید. - کدهای یونیکد را میتوان در هر نقطه از کد HTML خود، از جمله داخل تگها، صفات و مقادیر آنها استفاده کرد.
مثال:
برای نمایش دادن نماد © (حق تکثیر)، میتوان از کد یونیکد U+00A9 استفاده کرد.
HTML
<p>© 2024</p>
نکات:
- کدهای یونیکد باید به صورت هگزادسیمال (hexadecimal) نوشته شوند.
- برای استفاده از کدهای یونیکد در HTML، باید از علامت
&#x
به دنبال کد هگزادسیمال استفاده کنید.
مزایا و معایب استفاده از نویسههای خاص HTML
استفاده از نویسههای خاص HTML مزایای و معایبی به شرح زیر دارد:
مزایا:
- امکان نمایش نمادها، سمبلها و کاراکترهایی که معادل آنها روی صفحهکلید وجود ندارد.
- بهبود خوانایی و وضوح متن.
- یکسانسازی نمایش متن در مرورگرهای مختلف.
معایب:
- پیچیدگی بیشتر در نوشتن کد HTML.
- عدم پشتیبانی کامل از برخی نویسهها در تمامی مرورگرها.
- افزایش حجم کد HTML.
نمونههایی از نویسههای خاص HTML (کاراکترهای ویژه)
در ادامه، لیستی از نمونههای رایج نویسههای خاص HTML همراه با معادل فارسی، کد و کاربرد آنها ارائه شده است:
نویسه | معادل فارسی | کد | کاربرد |
---|---|---|---|
© | حق تکثیر | © یا © | نمایش علامت حق تکثیر |
® | علامت ثبتشده | ® یا ® | نمایش علامت ثبتشده |
™ | علامت تجاری | ™ یا ™ | نمایش علامت تجاری |
§ | پاراگراف | § | نمایش علامت پاراگراف |
€ | یورو | € | نمایش علامت یورو |
£ | پوند | £ | نمایش علامت پوند |
¥ | ين (ین ژاپنی) | ¥ | نمایش علامت ين |
♥ | قلب | ♥ یا ♥ | نمایش نماد قلب |
♠ | پیک | ♠ یا ♠ | نمایش نماد پیک |
♣ | گشت | ♣ یا ♣ | نمایش نماد گشت |
♦ | الماس | ♦ یا ♦ | نمایش نماد الماس |
☀ | خورشید | &sun; یا ⚠ | نمایش نماد خورشید |
☾ | ماه | &moon; یا ☽ | نمایش نماد ماه |
☿ | عطارد | &mercury; یا ☿ | نمایش نماد سیاره عطارد |
♀ | زهره | &venus; یا ♀ | نمایش نماد سیاره زهره |
⊕ | زمین | &earth; یا ♁ | نمایش نماد سیاره زمین |
♂ | مریخ | &mars; یا ♂ | نمایش نماد سیاره مریخ |
♃ | مشتری | &jupiter; یا ♃ | نمایش نماد سیاره مشتری |
♄ | زحل | &saturn; یا ♄ | نمایش نماد سیاره زحل |
♅ | اورانوس | &uranus; یا ♅ | نمایش نماد سیاره اورانوس |
♆ | نپتون | &neptune; یا ♆ | نمایش نماد سیاره نپتون |
♈ | برج حمل | &aries; یا ♈ | نمایش نماد برج حمل |
♉ | برج ثور | &taurus; یا ♉ | نمایش نماد برج ثور |
♊ | برج جوزا | &gemini; یا ♊ | نمایش نماد برج جوزا |
♋ | برج سرطان | &cancer; یا ♋ | نمایش نماد برج سرطان |
♌ | برج شیر | &leo; یا ♌ | نمایش نماد برج شیر |
♍ | برج سنبله | &virgo; یا ♍ | نمایش نماد برج سنبله |
♎ | برج ترازو | &libra; یا ♎ | نمایش نماد برج ترازو |
♏ | برج عقرب | &scorpio; یا ♏ | نمایش نماد برج عقرب |
♐ | برج کمان | &sagittarius; یا ♐ | نمایش نماد برج کمان |
♑ | برج Capricorn | &capricorn; یا ♑ | نمایش نماد برج Capricorn |
♒ | برج Aquarius | &aquarius; یا ♒ | نمایش نماد برج Aquarius |
♓ | برج Pisces | &pisces; |
جمعبندی
نویسههای خاص HTML ابزاری مفید برای نمایش نمادها، سمبلها و کاراکترهای مختلف در صفحات وب هستند. با استفاده از entitityها و کدهای یونیکد میتوانید به راحتی این کاراکترها را در HTML نمایش دهید.
این مقاله چقدر براتون مفید بود؟