Utiliser des émojis en HTML
Les émojis sont des caractères du jeu de caractères UTF-8 : 😄 😍 💗
Quelques symboles Emoji en UTF-8
| Émoji | Valeur | |
|---|---|---|
| 🗻 | 🗻 | Try it » |
| 🗼 | 🗼 | Try it » |
| 🗽 | 🗽 | Try it » |
| 🗾 | 🗾 | Try it » |
| 🗿 | 🗿 | Try it » |
| 😀 | 😀 | Try it » |
| 😁 | 😁 | Try it » |
| 😂 | 😂 | Try it » |
| 😃 | 😃 | Try it » |
| 😄 | 😄 | Try it » |
| 😅 | 😅 | Try it » |
Référence HTML complète des Emoji
HTML Exemples d'émojis
🚀🚁🚂🚃🚄
HTML Symboles de transport Emoji
💺💻💼💽💾
👮👯👰👱👲
HTML Symboles de personnes Emoji
🐂🐃🐄🐅🐆
Que sont les Emojis ?
Les emojis ressemblent à des images ou à des icônes, mais ce n'est pas le cas.
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 balise <meta> :
<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 vaut 65
- B vaut 66
- C vaut 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>
Try it Yourself »
Exemple expliqué
L'élément <meta charset="UTF-8"> 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).
Caractères Emoji
Les emojis sont également 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>Mon premier émoji</h1>
<p>😀</p>
</body>
</html>
Try it Yourself »
Puisque les Emojis sont des caractères, ils peuvent être copiés, affichés et dimensionnés comme n’importe quel autre caractère HTML.
Exemple
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<h1>Emojis de taille</h1>
<p style="font-size:48px">
😀 😄 😍 💗
</p>
</body>
</html>
Try it Yourself »
Pour une liste complète, veuillez consulter notre Référence HTML Emoji.
