Utiliser les émoticônes en HTML
Les emojis sont des caractères du jeu de caractères UTF-8 : 😄 😍 💗
Que sont les émojis ?
Les émojis ressemblent à des images ou à des icônes, mais ils n'en sont pas.
Ce sont des lettres (caractères) du jeu de caractères UTF-8 (Unicode).
UTF-8 couvre presque tous les caractères et symboles du monde.
L'attribut HTML charset
Pour afficher correctement une page HTML, un navigateur Web doit connaître le jeu de caractères utilisé dans la page.
Ceci est spécifié dans la <meta>balise :
<meta charset="UTF-8">
S'il n'est pas spécifié, UTF-8 est le jeu de caractères par défaut en HTML.
Caractères UTF-8
De nombreux caractères UTF-8 ne peuvent pas être saisis sur un clavier, mais ils peuvent toujours être affichés à l'aide de nombres (appelés numéros d'entité) :
- A est 65
- B est 66
- C est 67
Exemple
<!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>
Exemple expliqué
L' <meta charset="UTF-8">élément définit le jeu de caractères.
Les caractères A, B et C sont affichés par les nombres 65, 66 et 67.
Pour que le navigateur comprenne que vous affichez un caractère, vous devez commencer le numéro d'entité par et le terminer par ; (point-virgule).
Personnages Émojis
Les emojis sont aussi des caractères de l'alphabet UTF-8 :
- 😄 vaut 128516
- 😍 vaut 128525
- 💗 vaut 128151
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>My First Emoji</h1>
<p>😀</p>
</body>
</html>
Puisque les Emojis sont des caractères, ils peuvent être copiés, affichés et redimensionnés comme n'importe quel autre caractère en HTML.
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Sized Emojis</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
Quelques symboles Emoji en UTF-8
| Émoji | Valeur | Essayez-le |
|---|---|---|
| 🗻 | | |
| 🗼 | | |
| 🗽 | | |
| 🗾 | | |
| 🗿 | | |
| 😀 | | |
| 😁 | | |
| 😂 | | |
| 😃 | | |
| 😄 | | |
| 😅 | |
Pour une liste complète, veuillez consulter notre référence HTML Emoji .