HTML emojilar
Emojilar nima?
Emojilar rasmlarga o‘xshaydi, lekin ular rasmlar emas.
Emojilar — bu UTF-8 (Unicode) belgilar to‘plamidagi harflar (belgilar):
😄 😍 💗
UTF-8 dunyodagi deyarli barcha belgi va ramzlarni qamrab oladi.
| Emoji | Qiymat | |
|---|---|---|
| 🗻 | 🗻 | O‘zingiz sinab ko‘ring » |
| 🗼 | 🗼 | O‘zingiz sinab ko‘ring » |
| 🗽 | 🗽 | O‘zingiz sinab ko‘ring » |
| 🗾 | 🗾 | O‘zingiz sinab ko‘ring » |
| 🗿 | 🗿 | O‘zingiz sinab ko‘ring » |
| 😀 | 😀 | O‘zingiz sinab ko‘ring » |
| 😁 | 😁 | O‘zingiz sinab ko‘ring » |
| 😂 | 😂 | O‘zingiz sinab ko‘ring » |
| 😃 | 😃 | O‘zingiz sinab ko‘ring » |
| 😄 | 😄 | O‘zingiz sinab ko‘ring » |
| 😅 | 😅 | O‘zingiz sinab ko‘ring » |
HTML emoji misollari
Batafsil bilib oling:
HTML charset atributi
HTML sahifasini to‘g‘ri ko‘rsatish uchun veb-brauzer sahifada ishlatilgan belgilar to‘plamini bilishi shart.
Bu <meta> tegida ko‘rsatiladi:
<meta charset="UTF-8">
Ko‘rsatilmasa, HTML’da standart belgilar to‘plami sifatida UTF-8 ishlatiladi.
UTF-8 belgilar
Ko‘p UTF-8 belgilarini klaviaturada terib bo‘lmaydi, lekin ularni har doim raqamlar yordamida (entitet raqamlari deb ataladi) ko‘rsatish mumkin:
- A is 65
- B is 66
- C is 67
Misol
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<p>I will display A B C</p>
<p>I will display A B C</p>
</body>
</html>
O‘zingiz sinab ko‘ring »
Misol tahlili
<meta charset="UTF-8"> elementi belgilar to‘plamini aniqlaydi.
A, B va C harflari 65, 66 va 67 raqamlari bilan ko‘rsatiladi.
Brozerga siz belgi ko‘rsatayotganingizni tushuntirish uchun entitet raqamini &# bilan boshlab, ; (nuqtali vergul) bilan tugatishingiz shart.
Emoji belgilar
Emojilar ham UTF-8 alifbosidagi belgilardir:
- 😄 is 128516
- 😍 is 128525
- 💗 is 128151
Misol
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
O‘zingiz sinab ko‘ring »
Emojilar belgilar bo‘lgani uchun, arni HTML’dagi boshqa har qanday belgi singari nusxalash, ko‘rsatish va o‘lchamini o‘zgartirish mumkin.
Misol
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!