استخدام Emojis في HTML
الرموز التعبيرية هي أحرف من مجموعة أحرف UTF-8: 😄 😍 💗
ما هي الرموز التعبيرية؟
تبدو الرموز التعبيرية مثل الصور أو الرموز ، لكنها ليست كذلك.
وهي عبارة عن أحرف (أحرف) من مجموعة أحرف UTF-8 (Unicode).
يغطي UTF-8 جميع الشخصيات والرموز في العالم تقريبًا.
سمة مجموعة أحرف HTML
لعرض صفحة HTML بشكل صحيح ، يجب أن يعرف مستعرض الويب مجموعة الأحرف المستخدمة في الصفحة.
هذا محدد في <meta>
العلامة:
<meta charset="UTF-8">
إذا لم يتم تحديده ، فإن UTF-8 هو الحرف الافتراضي المعين في HTML.
أحرف UTF-8
لا يمكن كتابة العديد من أحرف UTF-8 على لوحة المفاتيح ، ولكن يمكن دائمًا عرضها باستخدام الأرقام (تسمى أرقام الكيانات):
- أ يساوي 65
- (ب) يساوي 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.
للسماح للمتصفح بفهم أنك تعرض حرفًا ، يجب أن تبدأ رقم الكيان بـ & # وتنتهي بـ ؛ (فاصلة منقوطة).
أحرف الرموز التعبيرية
الرموز التعبيرية هي أيضًا أحرف من أبجدية UTF-8:
- 😄 هو 128516
- 😍 هو 128525
- 💗 هو 128151
مثال
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
نظرًا لأن Emojis عبارة عن أحرف ، فيمكن نسخها وعرضها وحجمها تمامًا مثل أي حرف آخر في 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
تعبيري | قيمة | جربها |
---|---|---|
🗻 | & # 128507 ؛ | |
🗼 | & # 128508 ؛ | |
🗽 | & # 128509 ؛ | |
🗾 | & # 128510 ؛ | |
🗿 | & # 128511 ؛ | |
😀 | & # 128512 ؛ | |
😁 | & # 128513 ؛ | |
😂 | & # 128514 ؛ | |
😃 | & # 128515 ؛ | |
😄 | & # 128516 ؛ | |
😅 | & # 128517 ؛ |
للحصول على قائمة كاملة ، يرجى الانتقال إلى مرجع الرموز التعبيرية بتنسيق HTML الخاص بنا .