Caractères spéciaux en HTML et CSS : entités et codes Unicode
Développeurs web : maîtrisez les entités HTML et codes Unicode pour afficher correctement les accents et caractères spéciaux français.
Tape tes accents sans jamais quitter ton clavier
Un raccourci, un clic, c'est inséré. Gratuit, installation en 5 secondes.
- Aucune inscription
- Raccourci Ctrl+Shift+E
- Sans pub
En développement web, les caractères spéciaux français peuvent être insérés de plusieurs façons en HTML et CSS. Voici le guide complet pour les développeurs.
UTF-8 : la meilleure solution
Avec UTF-8 (standard depuis HTML5), vous pouvez écrire les accents directement dans votre code source. C'est la méthode recommandée.
Assurez-vous d'avoir dans votre <head> :
<meta charset="UTF-8">Entités HTML nommées
| Caractère | Entité nommée | Code numérique |
|---|---|---|
| é | é | é |
| è | è | è |
| ê | ê | ê |
| ë | ë | ë |
| à | à | à |
| ç | ç | ç |
| ù | ù | ù |
| œ | œ | œ |
| € | € | € |
| « | « | « |
| » | » | » |
Caractères spéciaux en CSS
En CSS, utilisez le code Unicode précédé d'un backslash dans la propriété content :
.example::before {
content: "\00E9"; /* é */
}
.guillemet::before {
content: "\00AB"; /* « */
}Bonnes pratiques pour les développeurs
- Utilisez toujours UTF-8 pour vos fichiers et vos pages
- Écrivez les accents directement plutôt que des entités HTML
- Vérifiez l'encodage de votre base de données (utf8mb4 recommandé)
- Testez l'affichage sur différents navigateurs
Questions fréquentes
Avec un encodage UTF-8 (standard aujourd'hui), vous pouvez écrire les accents directement : é, è, ê. Les entités HTML (é) restent utiles en cas de problème d'encodage.
é est une entité HTML nommée et é est le code numérique décimal. Les deux produisent le même résultat (é). Le code numérique fonctionne même si l'entité nommée n'est pas supportée.
Ajoutez <meta charset='UTF-8'> dans la balise <head> de votre page HTML. Assurez-vous aussi que votre fichier est sauvegardé en UTF-8 dans votre éditeur de code.
🔤 Copier les lettres mentionnées
Accédez directement aux pages de ces caractères pour les copier