استفاده از ایموجی در HTML

ايموجي‌ها (Emoji) کاراکترهایی از مجموعه‌ی کاراکترهای UTF-8 هستند:  

ايموجي چیست؟

ايموجي‌ها (Emoji) مانند تصاویر يا آيکون‌ها هستند، اما نیستند.

آن‌ها حروف (کاراکترها) از مجموعه‌ی کاراکترهای UTF-8 (Unicode) هستند.

توجه:UTF-8 تقریباً همه‌ی کاراکترها و نشانه‌های جهان را پوشش می‌دهد.

ویژگی charset HTML

برای نمایش صحیح صفحه‌ی HTML، مرورگر اینترنتی باید مجموعه‌ی کاراکترهای مورد استفاده در صفحه را بداند.

این در <meta> در برچسب مشخص شده:

<meta charset="UTF-8">

توجه:اگر مشخص نشده باشد، UTF-8 به عنوان مجموعه‌ی پیش‌فرض کاراکترهای HTML در نظر گرفته می‌شود.

کاراکترهای UTF-8

بسیاری از کاراکترهای UTF-8 نمی‌توانند بر روی صفحه کلید تایپ شوند، اما همیشه می‌توان از اعداد (به عنوان شماره‌های فرانت) برای نمایش آن‌ها استفاده کرد:

  • A 65 است
  • B 66 است
  • C 67 است

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>من نشان خواهم داد A B C</p>
<p>من نشان خواهم داد A B C</p>
</body>
</html>

آزمایش کنید

مثال توضیح

<meta charset="UTF-8"> عنصر تعریف زبان‌های حروفی را دارد.

حرف‌های A، B، C با اعداد 65، 66 و 67 نمایش داده می‌شوند.

برای اینکه مرورگر بداند که شما در حال نمایش حرف هستید، باید با &# شروع و با ; (نقطه و کاما) پایان یابد.

علامت‌های Emoji

علامت‌های صورت نیز از حروف UTF-8 می‌آیند:

  •  است 128516
  •  است 128525
  •  است 128151

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Emoji اولین من</h1>
<p>😀</p>
</body>
</html>

آزمایش کنید

چون علامت‌های صورت حروف هستند، بنابراین می‌توانند مانند هر حرف دیگری در HTML کپی، نمایش و اندازه‌گیری شوند.

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>علامت‌های صورت بزرگ‌تر</h1>
<p style="font-size:48px">
😀😆😅😃😂
</p>
</body>
</html>

آزمایش کنید

برخی از Emoji‌های UTF-8

Emoji مقدار
😝 😜
😛 😚
😙 😘
😗 😖
😕 😔
😓 😒
😑 😐
😀 😁
😂 😃
😅 😆
👅 😍

برای لیست کامل، لطفاً به دستورالعمل HTML Emoji ما مراجعه کنید.