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

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
(تغییرمسیر از ایموجی در ایچ تی ام ال)
پرش به ناوبری پرش به جستجو
Main Page Tutorial
Html-menu.png
موارد آموزشی
۱خانه
۲مقدمه
۳ویرایشگرها
۴پایه
۵عنصرها
۶ویژگی‌ها
۷عنوان‌ها
۸پاراگراف‌ها
۹استایل‌ها
۱۰قالب‌بندی
۱۱نقل‌قول‌ها
۱۲توضیحات
۱۳رنگ‌ها
۱۴CSS
۱۵لینک‌ها
۱۶تصاویر
۱۷جداول
۱۸لیست‌ها
۱۹بلوک‌ها
۲۰کلاس‌ها
۲۱شناسه
۲۲Iframeها
۲۳جاوا اسکریپت
۲۴مسیرهای فایل
۲۵سرصفحه
۲۶چیدمان‌ها
۲۷واکنش‌گرا
۲۸کد کامپیوتری
۲۹معنایی‌ها
۳۰راهنمای استایل
۳۱موجودیت‌ها
۳۲نماد‌ها
۳۳ایموجی‌ها
۳۴مجموعه کاراکترها
۳۵رمزگذاری URL
۳۶HTML و XHTML
فرم‌های HTML
گرافیک در HTML
رسانه در HTML
APIها در HTML
مثال‌ها
مرجع HTML


😄 😍 💗

ایموجی چیست؟

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

آنها حروف (کاراکترهای) الفبای 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 &#65; &#66; &#67;</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>&#128512;</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 &#128512; &#128516; &#128525; &#128151;
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 ما بیشتر بخوانید.


منابع آموزشی