HTML Эмодзи
Эмодзи выглядят как картинки, но на самом деле это не так.
Эмодзи — это буквы (символы) из набора символов UTF‑8 (Unicode):
😄 😍 💗
UTF‑8 охватывает почти все символы и знаки в мире.
| Эмодзи | Значение |
|---|---|
| 🗻 | 🗻 |
| 🗼 | 🗼 |
| 🗽 | 🗽 |
| 🗾 | 🗾 |
| 🗿 | 🗿 |
| 😀 | 😀 |
| 😁 | 😁 |
| 😂 | 😂 |
| 😃 | 😃 |
| 😄 | 😄 |
| 😅 | 😅 |
Примеры эмодзи в HTML
Улыбающиеся лица:
😀 😂 😊 😎 😜
Руки:
✌ ✊ ☝ ✋ 👌
Люди:
👮 🧕 👦 💏 🤴
Офис:
📈 💻 📌 📆 📒
Места:
⛺ 🌋 🗽 🗿 🏢
Транспорт:
🚈 🚗 🚢 🚌 🚀
Животные:
🐴 🐕 🐘 🐻 🐞
Еда:
☕ 🌭 🍞 🍩 🍣
Растения:
🌴 🌳 🌼 🍁 🥑
Фрукты:
🍇 🍊 🍏 🥝 🥥
Спорт:
⚽ 🤿 🏋 ⛳
Земля и небо:
🌐 🌍 🌖 🌟 🌞
Погода:
⛅ ☔ 🌈 🌂 ⛄
Одежда:
👚 👕 🎩 👜 👠
Аудио/видео:
🎥 🎵 🎹 🔊 📺
Праздники:
🎁 🎃 🎈 🎓 🎂
Развлечения:
🎨 🎪 🎭 🎡 🎢
Символы:
💡 💰 🔐 🔞 🔔
Атрибут charset в HTML
Чтобы веб‑браузер правильно отобразил HTML‑страницу, он должен знать набор символов, используемый на странице.
Это указывается в теге <meta>:
<meta charset="UTF-8">Если не указано иное, по умолчанию в HTML используется набор символов UTF‑8.
Символы UTF‑8
Многие символы UTF‑8 нельзя ввести с клавиатуры, но их всегда можно отобразить с помощью чисел (так называемых числовых сущностей):
- A — это 65;
- B — это 66;
- C — это 67.
Пример
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<p>Я отображу A B C</p>
<p>Я отображу A B C</p>
</body>
</html>Объяснение примера
Элемент <meta charset="UTF-8"> определяет набор символов.
Символы A, B и C отображаются с помощью чисел 65, 66 и 67.
Чтобы браузер понял, что вы отображаете символ, нужно начать числовую сущность с &# и закончить её точкой с запятой ;.
Символы эмодзи
Эмодзи также являются символами из набора UTF‑8:
- 😄 — это 128516;
- 😍 — это 128525;
- 💗 — это 128151.
Пример
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>Мой первый эмодзи</h1>
<p>😀</p>
</body>
</html>Поскольку эмодзи — это символы, их можно копировать, отображать и изменять размер так же, как и любые другие символы в HTML.
Пример
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<body>
<h1>Эмодзи заданного размера</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>