استفاده از ایموجی‌ها

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
< HTML:Tutorial(تغییرمسیر از ایموجی در HTML)
پرش به ناوبری پرش به جستجو

😄 😍 💗

ایموجی چیست؟

ایموجی‌ها شبیه تصاویر، یا آیکون‌ها، هستند، اما آیکون یا تصویر نیستند.[۱]

آنها حروف (کاراکترهای) الفبای 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 &#65; &#66; &#67;</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>&#128512;</p>

</body>
</html>


مشاهدهٔ نتیجه


از آنجایی که ایموجی‌ها کاراکتر هستند، می‌توان آنها را درست مانند هر کاراکتر دیگری در HTML کپی کرد، نمایش داد و سایزدهی کرد.

مثال

<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>

<h1>Sized Emojis</h1>

<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</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 ما بیشتر بخوانید.



منابع آموزشی