استفاده از ایموجی‌ها
😄 😍 💗
ایموجی چیست؟
ایموجی‌ها شبیه تصاویر، یا آیکون‌ها، هستند، اما آیکون یا تصویر نیستند.[۱]
آنها حروف (کاراکترهای) الفبای UTF-8 (Unicode) هستند.
UTF-8 تقریباً همه کاراکترها و نمادهای دنیا را پوشش می‌دهد.
ویژگی charset در HTML
برای نمایش صحیح یک صفحه HTML، یک مرورگر وب باید مجموعه کاراکتر استفاده شده در صفحه را بداند.
این مورد در تگ <meta> مشخص می‌شود:
<meta charset="UTF-8">
اگر مشخص نشده باشد، مجموعه کاراکتر پیش‌فرض در UTF-8 ،HTML است.
کاراکترهای UTF-8
بسیاری از کاراکترهای UTF-8 را نمی‌توان از روی صفحه کلید تایپ کرد، اما همیشه می‌توان آنها را با استفاده از اعداد (که عددهای موجودیت نامیده می‌شوند) نمایش داد:
- A برابر ۶۵ است
- B برابر ۶۶ است
- C برابر ۶۷ است
مثال
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<p>I will display A B C</p>
<p>I will display A B C</p>
</body>
</html>
توضیح مثال
عنصر <meta charset="UTF-8"> مجموعه کاراکتر را تعریف می‌کند.
کاراکترهای B ,A و C توسط اعداد ۶۵، ۶۶ و ۶۷ نمایش داده می‌شوند.
برای اینکه مرورگر بفهمد شما یک کاراکتر را نمایش می‌دهید، باید عدد موجودیت را با &# آغاز کنید و پایان آن ; (نقطه ویرگول) را قرار دهید.
کاراکترهای ایموجی
ایموجی‌ها هم کاراکترهایی از الفبای UTF-8 هستند:
- 😄 is 128516
- 😍 is 128525
- 💗 is 128151
مثال
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
از آنجایی که ایموجی‌ها کاراکتر هستند، می‌توان آنها را درست مانند هر کاراکتر دیگری در HTML کپی کرد، نمایش داد و سایزدهی کرد.
مثال
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
| ایموجی | مقدار |
|---|---|
| 🗻 | #128507; |
| 🗼 | #128508; |
| 🗽 | #128509; |
| 🗾 | #128510; |
| 🗿 | #128511; |
| 😀 | #128512; |
| 😁 | #128513; |
| 😂 | #128514; |
| 😃 | #128515; |
| 😄 | #128516; |
| 😅 | #128517; |
برای دستیابی به مرجع کامل لطفاً به مرجع ایموجی HTML ما مراجعه فرمایید.
قانون CSS @charset
می‌توان از قانون @charset در CSS برای تعیین کدگذاری (Encoding) کاراکتر مورد استفاده در یک برگه استایل استفاده کرد:
مثال
کدگذاری برگه استایل را برابر Unicode UTF-8 تنظیم می‌کند:
@charset "UTF-8";
در مورد قانون @charset در CSS در مرجع CSS ما بیشتر بخوانید.
منابع آموزشی