نماد و ایموجی ، شکلک ها (emojis) در HTML

نماد و ایموجی ، شکلک ها (emojis) در HTML

زمان مطالعه

5 دقیقه

تعداد بازدید

581

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها


برچسب ها :


اشتراک گذاری این مطلب
سامان محمدپور
در مورد نویسنده : موفقیت بستگی به تلاش هر شخص داره، هممون ب همون اندازه که تلاش کردیم موفق شدیم.

نماد و ایموجی ، شکلک ها (emojis) در HTML

نماد و ایموجی ، شکلک ها (emojis) در HTML

زمان مطالعه

5 دقیقه

تعداد بازدید

581

تعداد پرسش ها

0

افزودن به لیست علاقه مندی ها


برچسب ها :


اشتراک گذاری این مطلب

شکلک ها یا ایموجی ها (emojis) کاراکترهایی از مجموعه کاراکترهای UTF-8 هستند، مانند : 😄 😍 💗

شکلک (emoji) چیست؟

شکلک ها شبیه تصاویر و آیکن ها هستند، اما در حقیقت آن ها نه از نوع تصاویر هستند و نه آیکن.

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

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

ویژگی charset در زبان نشانه گذاری HTML

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

که می توانیم آن را با تگ meta مشخص کنیم، مانند مثال زیر:

 

<meta charset="UTF-8">

 

نکته: اگر نوع ویژگی charset مشخص نشده باشد به صورت پیش فرض مقدار آن UTF-8 است.

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

بسیاری از کاراکترهای UTF-8  بر روی صفحه کلید وجود ندارند، اما در دو مقاله قبل گفتیم که می توانیم با استفاده از موجودیت ها (نام موجودیت یا شماره موجودیت) آن ها را نمایش داد.

مثال: در زیر کد موجودیت برخی از کاراکترهای UTF-8 را برای شما آورده ایم:

  • A = 65
  • B = 66
  • C = 67

 


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

<p>I will display A B C</p>
<p>I will display &#65; &#66; &#67;</p>

</body>
</html>

 

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

 

توضیح مثال بالا

در بالا خط چهار که تگ meta تعریف شده، نوع charset را بر روی UTF-8 تنظیم کرده است.

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

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

کاراکترهای شکلک یا ایموجی(emoji character)

شکلک ها یا ایموجی ها هم از حروف الفبای UTF-8 هستند.

مثال: در زیر کد موجودیت برخی از شکلک های UTF-8 را برای شما آورده ایم:

  • 😄 = 128516
  • 😍 = 128525
  • 💗 = 128151

 


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

<h1>My First Emoji</h1>

<p>&#128512;</p>

</body>
</html>

 

کاراکترهای شکلک (emojies character)

 

از آن جا که شکلک ها کاراکتر هستند، می توان آن ها را مانند سایر کاراکتر های HTML کپی کرد، نمایش داد و یا اندازه فونت آن ها را تغییر داد، مانند مثال زیر:

 

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

<h1>Sized Emojis</h1>

<p style="font-size:48px">
&#128512; &#128516; &#128525; &#128151;
</p>

</body>
</html>

 

کاراکترهای شکلک (emojies character)

 

برخی از نمادها و شکلک ها در زبان نشانه گذاری HTML

 

شکلک (emoji) شماره موجودیت
🗻 ;#128507&
🗼 ;#128508&
🗽 ;#128509&
🗾 ;#128510&
🗿 ;#128511&
😀 ;#128512&
😁 ;#128513&
😂 ;#128514&
😃 ;#128515&
😄 ;#128516&
😅 ;#128517&

در مقاله بعدی به سراغ مبحث مهم و کاربردی charset در زبان نشانه گذاری HTML می رویم.

سامان محمدپور
در مورد نویسنده : موفقیت بستگی به تلاش هر شخص داره، هممون ب همون اندازه که تلاش کردیم موفق شدیم.


پرسش و پاسخ
0
دوره پیشنهادی
دوره پیشنهادی