Emoji's gebruiken in HTML
Emoji's zijn tekens uit de UTF-8-tekenset: 😄 😍 💗
Wat zijn emoji's?
Emoji's zien eruit als afbeeldingen of pictogrammen, maar zijn het niet.
Het zijn letters (tekens) uit de UTF-8 (Unicode) tekenset.
UTF-8 omvat bijna alle tekens en symbolen ter wereld.
Het HTML-tekensetkenmerk
Om een HTML-pagina correct weer te geven, moet een webbrowser de tekenset kennen die op de pagina wordt gebruikt.
Dit wordt gespecificeerd in de <meta>tag:
<meta charset="UTF-8">
Indien niet opgegeven, is UTF-8 de standaardtekenset in HTML.
UTF-8-tekens
Veel UTF-8-tekens kunnen niet op een toetsenbord worden getypt, maar ze kunnen altijd worden weergegeven met cijfers (genaamd entiteitsnummers):
- A is 65
- B is 66
- C is 67
Voorbeeld
<!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>
Voorbeeld uitgelegd
Het <meta charset="UTF-8">element definieert de tekenset.
De tekens A, B en C worden weergegeven door de nummers 65, 66 en 67.
Om de browser te laten begrijpen dat u een teken weergeeft, moet u het entiteitsnummer beginnen met en eindigen met ; (puntkomma).
Emoji-tekens
Emoji's zijn ook tekens uit het UTF-8-alfabet:
- is 128516
- is 128525
- is 128151
Voorbeeld
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
Omdat Emoji's tekens zijn, kunnen ze worden gekopieerd, weergegeven en van grootte worden voorzien, net als elk ander teken in HTML.
Voorbeeld
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
Sommige Emoji-symbolen in UTF-8
| Emoji | Waarde | Probeer het |
|---|---|---|
| 🗻 | | |
| 🗼 | | |
| 🗽 | | |
| 🗾 | | |
| 🗿 | | |
| 😀 | | |
| 😁 | | |
| 😂 | | |
| 😃 | | |
| 😄 | | |
| 😅 | |
Ga voor een volledige lijst naar onze HTML Emoji-referentie .