Entités HTML et caractères spéciaux

Certains caractères ont une signification spéciale en HTML. Les chevrons < et > définissent des balises, et l'esperluette & démarre une référence d'entité. Si tu tapes ces caractères directement dans ton contenu, le navigateur essaiera de les interpréter comme du code plutôt que de les afficher.

Les entités HTML te permettent de représenter ces caractères réservés — et beaucoup d'autres symboles — en toute sécurité dans ton balisage. Chaque entité commence par & et se termine par ;.

Les entités nommées utilisent un mot-clé lisible entre & et ;. Voici les plus courantes :

Entité	Caractère	Description
&lt;	<	Signe inférieur à
&gt;	>	Signe supérieur à
&amp;	&	Esperluette
&nbsp;	(espace insécable)	Empêche le saut de ligne entre les mots
&copy;	©	Symbole copyright
&reg;	®	Marque déposée
&trade;	™	Marque commerciale
&mdash;	—	Tiret cadratin
&ndash;	–	Tiret demi-cadratin
&laquo;	«	Guillemet double angle gauche
&raquo;	»	Guillemet double angle droit
&euro;	€	Symbole euro
&pound;	£	Symbole livre sterling

Tu dois utiliser des entités pour <, > et & lorsque tu veux les afficher comme du texte. Pour les autres symboles, les entités sont une option parmi plusieurs.

Lorsqu'aucune entité nommée n'existe, tu peux utiliser des références numériques :

• Décimal : © s'affiche comme © (le nombre est le point de code Unicode en décimal).
• Hexadécimal : © s'affiche aussi comme © (préfixe la valeur hexa avec x).

Cela te permet d'afficher n'importe quel caractère Unicode, y compris les emoji :

• ❤ → ❤ (cœur noir épais)
• 🚀 → 🚀 (fusée)
• ☃ → ☃ (bonhomme de neige)

Avec l'encodage UTF-8 moderne, tu peux aussi taper les caractères Unicode directement dans ton code source. Les entités sont toujours préférées lorsque le caractère pourrait être confondu avec du balisage ou lorsque l'encodage du fichier source est incertain.