HTML में इमोजी का उपयोग करना

Using Emojis in HTML

इमोजी क्या हैं?

हालाँकि इमोजी चित्रों की तरह दिखते हैं, लेकिन वे चित्र नहीं हैं।

इमोजी UTF-8 (यूनिकोड) वर्ण सेट के वर्ण हैं:

😄 😍 💗

UTF-8 दुनिया के लगभग सभी पात्रों और प्रतीकों को कवर करता है।

इमोजी कीमत
🗻 🗻
🗼 🗼
🗽 🗽
🗾 🗾
🗿 🗿
😀 😀
😁 😁
😂 😂
😃 😃
😄 😄
😅 😅

HTML इमोजी उदाहरण

मुस्कुराते चेहरे

😀😀
😂😂
😊😊
😎😎
😜😜

हाथ

✌
✊
☝
✋
👌👌

लोग

👮👮
🧕🤵
👦👦
💏💏
🤴🤴

कार्यालय

📈📈
💻💻
📌📌
📆📆
📒📒

स्थानों

⛪
🌋🌋
🗽🗽
🗿🗿
🏢🏢

परिवहन

🚈🚈
🚗🚗
🚢🚢
🚌🚌
🚀🚀

पशु

🐴🐴
🐕🐕
🐘🐘
🐻🐻
🐞🐞

खाना

☕
🌭🌭
🍞🍞
🍩🍩
🍣🍣

पौधे

🌴🌴
🌳🌳
🌼🌼
🍁🍁
🥑🥑

फल

🍇🍇
🍊🍊
🍏🍏
🥝🥝
🥥🥕

खेल

⚽
🏆🏆
🤿🤿
🏋🏋
⛳

पृथ्वी और आकाश

🌐🌐
🌍🌍
🌖🌖
🌟🌟
🌞🌞

मौसम

⛅
☔
🌈🌈
🌂🌂
⛄

कपड़े

👚👒
👕👕
🎩🎩
👜👜
👠👠

ऑडियो/वीडियो

🎥🎭
🎵🎵
🎹🎹
🔊🔊
📺📺

समारोह

🎁🎁
🎃🎃
🎈🎈
🎓🎓
🎂🎂

मनोरंजन

🎨🎨
🎪🎪
🎭🎭
🎡🎠
🎢🎢

प्रतीक

💡💡
💰💰
🔐🔐
🔞🔞
🔔🔔

और अधिक जानें:

संपूर्ण HTML इमोजी नोट

HTML वर्णसेट विशेषता

किसी HTML पृष्ठ को सही ढंग से प्रदर्शित करने के लिए, एक वेब ब्राउज़र को उस पृष्ठ पर प्रयुक्त वर्ण सेट का पता होना चाहिए।

यह <meta> टैग में निर्दिष्ट है:

<meta charset="UTF-8">

जब तक अन्यथा निर्दिष्ट न हो, UTF-8 HTML में डिफ़ॉल्ट वर्ण सेट है।

यूटीएफ-8 अक्षर

कई UTF-8 वर्णों को कीबोर्ड पर टाइप नहीं किया जा सकता है, लेकिन संख्याओं (जिन्हें इकाई संख्या कहा जाता है) का उपयोग करके प्रदर्शित किया जा सकता है:

A 65 वर्ष का है

बी 66 वर्ष के हैं

C 67 है

उदाहरण

<!DOCTYPE html> <एचटीएमएल> <मेटा चारसेट='यूटीएफ-8'> <शरीर> <p>मैं ए बी सी दिखाऊंगा</p> <p>मैं ए बी सी दिखाऊंगा</p> </body> </html>

उदाहरण स्पष्टीकरण

<meta charset='UTF-8'> तत्व वर्ण सेट को परिभाषित करता है।

अक्षर A, B और C को संख्या 65, 66 और 67 द्वारा दर्शाया गया है।

ब्राउज़र को यह समझने के लिए कि आप एकल वर्ण प्रदर्शित कर रहे हैं, कंपनी नंबर की शुरुआत &# से करें; (अर्धविराम) से समाप्त होना चाहिए।

इमोजी पात्र

इमोजी भी UTF-8 वर्णमाला के पात्र हैं:

😄 128516 है

😍 128525 है

💗 128151 है

उदाहरण

<!DOCTYPE html> <एचटीएमएल> <मेटा चारसेट='यूटीएफ-8'> <शरीर> <h1>मेरा पहला इमोजी</h1> <p>&#128512;</p> </body> </html>

क्योंकि इमोजी वर्ण हैं, उन्हें किसी भी अन्य वर्ण की तरह HTML में कॉपी, प्रदर्शित और आकार बदला जा सकता है।

उदाहरण

<!DOCTYPE html> <एचटीएमएल> <मेटा चारसेट='यूटीएफ-8'> <शरीर> <h1>आकार वाले इमोजी</h1> <p style='font-size:48px'> &#128512; &#128516; &#128525; &#128151; </p> </body> </html>

अभ्यास भाग

निम्नलिखित में से कौन सा HTML में इमोजी का सही उपयोग है?

<p>😊</p>
✓ ठीक है! इमोजी को सीधे HTML में पेस्ट किया जा सकता है
<p>&#128522;</p>
✓ ठीक है! इमोजी को संख्या के आधार पर भी प्रदर्शित किया जा सकता है
<emoji>😊</emoji>
✗ ग़लत! <इमोजी> एक मान्य HTML टैग नहीं है