Qu'est-ce que les entités HTML ? Guide complet des caractères spéciaux

Que sont les entités HTML ?

Les entités HTML sont des séquences de caractères qui commencent par une esperluette (&) et se terminent par un point-virgule (;). Elles servent à représenter des caractères ayant une signification particulière en HTML ou qui ne peuvent pas être saisis facilement au clavier.

Par exemple, le signe inférieur < s'écrit < et le signe supérieur > s'écrit >. Si vous utilisiez le caractère < brut dans votre texte, le navigateur l'interpréterait comme le début d'une balise HTML.

Pourquoi les entités HTML sont-elles importantes ?

Il existe plusieurs raisons fondamentales d'utiliser les entités HTML :

• Prévention des erreurs d'analyse : Les caractères comme <, > et & ont une signification structurelle en HTML. Les entités garantissent que le navigateur les affiche comme du texte.
• Sécurité : L'encodage des saisies utilisateur empêche les attaques XSS en neutralisant les caractères potentiellement dangereux.
• Affichage de symboles spéciaux : Les entités permettent d'afficher des caractères comme ©, ®, €, — et bien d'autres.
• Préservation des espaces : Des entités comme   (espace insécable) permettent de contrôler l'espacement d'une manière impossible avec des espaces ordinaires.

Entités HTML les plus courantes

Voici les entités les plus fréquemment utilisées :

• & — Esperluette (&)
• < — Signe inférieur (<)
• > — Signe supérieur (>)
• " — Guillemet double (")
• ' — Apostrophe (')
•   — Espace insécable

Entités nommées vs numériques

HTML prend en charge deux types d'entités. Les entités nommées utilisent un nom lisible, comme © pour le symbole copyright. Les entités numériques utilisent le point de code Unicode du caractère, comme © pour le même symbole. Les entités numériques peuvent être écrites en décimal (©) ou en hexadécimal (©).

Quand encoder les entités HTML

Vous devez encoder les entités HTML chaque fois que vous insérez du contenu généré par l'utilisateur dans une page web, affichez des extraits de code, ou travaillez avec des caractères qui chevauchent la syntaxe HTML. La plupart des frameworks modernes gèrent cela automatiquement, mais comprendre le mécanisme sous-jacent vous aide à déboguer les problèmes d'encodage.