٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش استفاده از Emojis در HTML

شکلک ها شخصیت های مجموعه کاراکترهای UTF-8 هستند: 😄 😍 😍 Emojis چیست؟ شکلک ها مانند تصاویر یا آیکون ها به نظر می رسند ، اما اینگونه نیستند. آنها حروف (نویسه ها) از مجموعه کاراکترهای UTF-8 (یونیکد) هستند. UTF-8 تقریباً…

محمد یوسفی

1 جولای 2021

شکلک ها شخصیت های مجموعه کاراکترهای UTF-8 هستند: 😄 😍 😍


Emojis چیست؟

شکلک ها مانند تصاویر یا آیکون ها به نظر می رسند ، اما اینگونه نیستند.

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

UTF-8 تقریباً همه شخصیت ها و نمادهای جهان را پوشش می دهد.


ویژگی کاراکتر HTML

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

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

<meta charset="UTF-8">

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


نویسه های UTF-8

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

  • الف 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 A B C</p>

</body>
</html>

مثال توضیح داده شده

این <meta charset="UTF-8">عنصر مجموعه کاراکترها را مشخص می کند.

نویسه های A ، B و C با اعداد 65 ، 66 و 67 نمایش داده می شوند.

برای اینکه مرورگر متوجه شود که شما یک کاراکتر را نمایش می دهید ، باید شماره موجودیت را با & # شروع کنید و آن را با؛ (نقطه ویرگول)


شخصیت های شکلک

Emoji ها همچنین حروف الفبای UTF-8 هستند:

  • 12 128516 است
  • 12 128525 است
  • 128 128151 است

مثال

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

<h1>My First Emoji</h1>

<p>😀</p>

</body>
</html>

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

مثال

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

<h1>Sized Emojis</h1>

<p style="font-size:48px">
😀 😄 😍 💗
</p>

</body>
</html>

برخی از نمادهای Emoji در UTF-8

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها