HTML Emojis
Смайлы - это буквы (символы) из набора символов UTF-8 (Unicode). Элемент <meta charset = ”UTF-8 ″> в HTML определяет набор символов. Многие символы UTF-8 нельзя ввести на клавиатуре, но они всегда могут отображаться с помощью чисел (называемых номерами сущностей). Чтобы браузер понял, что вы показываете символ, вы должны начинать номер объекта с & # и заканчивать его; (точка с запятой).
Синтаксис:
<head>
<meta charset = "UTF-8">
</head>
<body>
<p> & # номер; </p>
// Возьмем соответствующее число
// в символы UTF-8, которые вы хотите
// для отображения.
</body>
Смайлы также являются символами алфавита UTF-8 и могут использоваться в HTML, указав соответствующие смайлы, десятичные (десятичные) или шестнадцатеричные (шестнадцатеричные) ссылки в приведенном выше синтаксисе.
Example: Represent the following emoji in a webpage.
HTML
<!DOCTYPE html><html><head> <meta charset="UTF-8"></head> <body> <h1>Geeks For Geeks</h1> <h2>HTML Emojis </h2> <p>😄</p> <p>✌</p> <p>🕞</p></body></html> |
Выход:
В приведенном выше примере десятичная ссылка, используемая для следующих смайликов, выглядит следующим образом
| Char | Десятичная ссылка | Шестнадцатеричная ссылка |
|---|---|---|
| 128516 | 1F604 | |
| 9996 | 270C | |
| 128350 | 1Ф55Э |
Примечание. Вместо десятичной (десятичной) ссылки можно также использовать шестнадцатеричную (шестнадцатеричную) ссылку для отображения эмодзи на веб-странице. В дополнение к приведенному выше синтаксису перед шестнадцатеричной ссылкой необходимо указать «x».
Синтаксис:
<p> & # xhexaDecimal; </p>
Example: In this example, we will represent 😄, ✌ and 🕞 emoji in a webpage with hexadecimal(hex) reference.
HTML
<!DOCTYPE html><html> <head> <meta charset="UTF-8"></head> <body> <h1>Geeks For Geeks</h1> <h2>HTML Emojis</h2> <p>😄</p> <p>✌</p> <p>🕞</p></body> </html> |
Выход:
С шестнадцатеричной ссылкой мы также получаем тот же результат.
Примечание. Поскольку смайлы являются символами, их можно копировать, отображать и изменять размер, как и любой другой символ в HTML.
Example: In this example, we will change the font size of the following emojis 😄, ✌ and 🕞.
HTML
<!DOCTYPE html><html> <head> <meta charset="UTF-8"></head> <body> <h1>Geeks For Geeks</h1> <h2>HTML Emojis with different font size </h2> <p style="font-size:25px">😄 </p> <p style="font-size:65px">✌</p> <p style="font-size:75px">🕞</p></body> </html> |
Вывод: вывод содержит смайлики разных размеров.
Точно так же любой смайлик можно отобразить на веб-странице, введя соответствующую десятичную или шестнадцатеричную ссылку в код.