استفاده از شکلک در HTML

شکلک ها ( Emoji ) شخصیت هایی از مجموعه کاراکترهای UTF-8 هستند: ???? ???? ????

 

Emojis چیست؟

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

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

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

 

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

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

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

<meta charset="UTF-8">

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

 

نویسه های UTF-8

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

 

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

<p>من نشان می دهم A B C</p>
<p>من نشان می دهم &#65; &#66; &#67;</p>

</body>
</html>
امتحان کنید

 

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

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

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

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

 

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

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

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

<h1>اولین شکلک من</h1>

<p>&#128512;</p>

</body>
</html>
امتحان کنید

 

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

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

<h1>اندازه های شکلک ها</h1>

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

</body>
</html>
امتحان کنید

 

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

شکلک مقدار
???? #128507;
???? #128508;
???? #128509;
???? #128510;
???? #128511;
???? #128512;
???? #128513;
???? #128514;
???? #128515;
???? #128516;
???? #128517;