استفاده از ایموجی‌ها
😄 😍 💗
ایموجی چیست؟[ویرایش | ویرایش]
ایموجی‌ها شبیه تصاویر، یا آیکون‌ها، هستند، اما آیکون یا تصویر نیستند.[۱]
آنها حروف (کاراکترهای) الفبای UTF-8 (Unicode) هستند.
UTF-8 تقریباً همه کاراکترها و نمادهای دنیا را پوشش می‌دهد.
ویژگی charset در HTML[ویرایش | ویرایش]
برای نمایش صحیح یک صفحه HTML، یک مرورگر وب باید مجموعه کاراکتر استفاده شده در صفحه را بداند.
این مورد در تگ <meta> مشخص می‌شود:
<meta charset="UTF-8">
اگر مشخص نشده باشد، مجموعه کاراکتر پیش‌فرض در UTF-8 ،HTML است.
کاراکترهای UTF-8[ویرایش | ویرایش]
بسیاری از کاراکترهای UTF-8 را نمی‌توان از روی صفحه کلید تایپ کرد، اما همیشه می‌توان آنها را با استفاده از اعداد (که عددهای موجودیت نامیده می‌شوند) نمایش داد:
- A برابر ۶۵ است
- B برابر ۶۶ است
- C برابر ۶۷ است
مثال[ویرایش | ویرایش]
1 <!DOCTYPE html>
2 <html>
3 <meta charset="UTF-8">
4 <body>
5
6 <p>I will display A B C</p>
7 <p>I will display A B C</p>
8
9 </body>
10 </html>
توضیح مثال[ویرایش | ویرایش]
عنصر <meta charset="UTF-8"> مجموعه کاراکتر را تعریف می‌کند.
کاراکترهای B ,A و C توسط اعداد ۶۵، ۶۶ و ۶۷ نمایش داده می‌شوند.
برای اینکه مرورگر بفهمد شما یک کاراکتر را نمایش می‌دهید، باید عدد موجودیت را با &# آغاز کنید و پایان آن ; (نقطه ویرگول) را قرار دهید.
کاراکترهای ایموجی[ویرایش | ویرایش]
ایموجی‌ها هم کاراکترهایی از الفبای UTF-8 هستند:
- 😄 is 128516
- 😍 is 128525
- 💗 is 128151
مثال[ویرایش | ویرایش]
1 <!DOCTYPE html>
2 <html>
3 <meta charset="UTF-8">
4 <body>
5
6 <h1>My First Emoji</h1>
7
8 <p>😀</p>
9
10 </body>
11 </html>
از آنجایی که ایموجی‌ها کاراکتر هستند، می‌توان آنها را درست مانند هر کاراکتر دیگری در HTML کپی کرد، نمایش داد و سایزدهی کرد.
مثال[ویرایش | ویرایش]
1 <!DOCTYPE html>
2 <html>
3 <meta charset="UTF-8">
4 <body>
5
6 <h1>Sized Emojis</h1>
7
8 <p style="font-size:48px">
9 😀 😄 😍 💗
10 </p>
11
12 </body>
13 </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 ما بیشتر بخوانید.
منابع آموزشی[ویرایش | ویرایش]