HTML Эмодзи
Эмодзи - это кодировки из набора символов UTF-8: 😄 😍 💗
Что такое эмодзи?
Эмодзи выглядят как изображения или значки, но это не так.
Это буквы (кодировки) из алфавита UTF-8 (Юникод).
UTF-8 охватывает почти все кодировки и символы в мире.
Атрибут кодировки HTML
Для корректного отображения 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>Я буду показывать 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>Мой первый эмодзи</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>
Попробуйте сами »
| Эмодзи | Значение |
|---|---|
| 🗻 | #128507; |
| 🗼 | #128508; |
| 🗽 | #128509; |
| 🗾 | #128510; |
| 🗿 | #128511; |
| 😀 | #128512; |
| 😁 | #128513; |
| 😂 | #128514; |
| 😃 | #128515; |
| 😄 | #128516; |
| 😅 | #128517; |
Для получения полного списка, пожалуйста, перейдите на. HTML Справочник эмодзи.
Правило CSS @charset
Вы можете использовать CSS правило @charset для указания кодировки символов, используемой в таблице стилей:
Пример
Установите кодировку таблицы стилей в Unicode UTF-8:
@charset "UTF-8";
Подробнее узнать в CSS Правило @charset.