ایچ تی ام ال میں ایسٹیکس اموجی استعمال کرنا

عاطفه نمائش کار (Emoji) UTF-8 اشارتی مجموعے کی نقشات ہیں:   

Emoji کیا ہے؟

عاطفه نمائش کار (Emoji) تصویر یا آئیکون جیسا نہیں ہوتا، لیکن وہ نہیں ہیں۔

یہ UTF-8 (Unicode) اشارتی مجموعے کی حروف (نقشات) سے آتی ہیں۔

نکات:UTF-8 تقریباً دنیا کی تمام اشارتی علامات اور نقشات کو احاطہ کرتا ہے۔

HTML charset کا اشارتی مجموعہ

کامن سے درست طور پر HTML پیج دکھانے کے لئے، ویب براوزر کو پیج میں استعمال کئے جانے والا اشارتی مجموعہ جاننا چاہئے۔

یہ <meta> تگ میں طے کیا گیا:

<meta charset="UTF-8">

نکات:اگر کوئی طے نہ کیا گیا تو UTF-8 HTML میں کچھ بند کا اشارتی مجموعہ ہے۔

UTF-8 اشارتی علامات

بہت سے UTF-8 اشارتی علامات کیاب کیپرب نہیں ہیں، لیکن وہ کوئی بھی عدد (مزید ایک نمبر کے طور پر جانا جاتا ہے) کے ذریعے دکھائی جاسکتی ہیں:

  • A 65 ہے
  • B 66 ہے
  • C 67 ہے

مثال

<!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 می‌آیند:

  • 👩‍👩‍👧‍👦 است 128516
  • 👩‍👩‍👧‍👦 است 128525
  • 👩‍👩‍👧‍👦 است 128151

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Emoji اولین من</h1>
<p>😀</p>
</body>
</html>

آزمایش کنید

چون علامت‌های صورت حروف هستند، بنابراین می‌توانند مانند هر حرف دیگری در HTML کپی، نمایش و اندازه‌گیری شوند.

مثال

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>علامت‌های صورت بزرگ‌تر</h1>
<p style="font-size:48px">
😊😕😛😜
</p>
</body>
</html>

آزمایش کنید

نمادهای Emoji در UTF-8

Emoji مقدار
😦 😥
😤 😣
😢 😡
😠 😟
😞 😝
😜 😛
😚 😙
😘 😗
😖 😕
😔 😓
👍 😍

برای لیست کامل، لطفاً مراجعه به مرجع HTML Emoji ما کنید.