Použití Emojis v HTML
Emoji jsou postavy ze znakové sady UTF-8: 😄 😍 💗
Co jsou Emojis?
Emoji vypadají jako obrázky nebo ikony, ale nejsou.
Jsou to písmena (znaky) ze znakové sady UTF-8 (Unicode).
UTF-8 pokrývá téměř všechny znaky a symboly na světě.
Atribut znakové sady HTML
Pro správné zobrazení stránky HTML musí webový prohlížeč znát znakovou sadu použitou na stránce.
To je uvedeno ve <meta>
značce:
<meta charset="UTF-8">
Pokud není zadáno, je UTF-8 výchozí znakovou sadou v HTML.
Znaky UTF-8
Mnoho znaků UTF-8 nelze napsat na klávesnici, ale vždy je lze zobrazit pomocí čísel (tzv. čísla entit):
- A je 65
- B je 66
- C je 67
Příklad
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>I will display A B C</p>
<p>I will display A B C</p>
</body>
</html>
Příklad vysvětlen
Prvek <meta charset="UTF-8">
definuje znakovou sadu.
Znaky A, B a C jsou zobrazeny čísly 65, 66 a 67.
Aby prohlížeč pochopil, že zobrazujete znak, musíte číslo entity začínat znakem a ukončit znakem ; (středník).
Emoji postavy
Emojis jsou také znaky z abecedy UTF-8:
- 😄 je 128516
- 😍 je 128525
- 💗 je 128151
Příklad
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
Vzhledem k tomu, že emotikony jsou znaky, lze je kopírovat, zobrazovat a upravovat velikost stejně jako jakýkoli jiný znak v HTML.
Příklad
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
Některé symboly Emoji v UTF-8
Emoji | Hodnota | Zkus to |
---|---|---|
🗻 | | |
🗼 | | |
🗽 | | |
🗾 | | |
🗿 | | |
😀 | | |
😁 | | |
😂 | | |
😃 | | |
😄 | | |
😅 | |
Úplný seznam najdete v naší HTML Emoji Reference .