Entités HTML

Il existe de nombreux symboles absents d'un clavier standard (symboles mathématiques, techniques, monétaires, etc.). Certains symboles ne peuvent pas être utilisés directement car ils risquent de provoquer des ambiguïtés. Par exemple, on ne peut pas utiliser > car en HTML ce symbole est interprété comme un délimiteur de balise, et le navigateur ne l'affichera pas comme du texte.

En HTML, les entités permettent d'afficher des caractères réservés pouvant être confondus avec du code HTML, ou des caractères invisibles comme les espaces insécables. Elles représentent aussi des caractères difficiles ou impossibles à saisir au clavier.

Chaque entité commence par une esperluette (&) et se termine par un point-virgule (;). Le point-virgule est obligatoire — sans lui, le navigateur risque de ne pas reconnaître l'entité du tout.

Références nommées, décimales et hexadécimales

Il existe trois façons d'écrire le même caractère. Chacun des exemples suivants produit une esperluette (&) :

Une référence nommée (comme &) est facile à lire et à retenir, mais seul un ensemble fixe de noms est défini. Une référence numérique peut représenter n'importe quel caractère Unicode par son point de code — en décimal (&) ou en hexadécimal (&). Le décimal 38 et l'hexadécimal 26 sont simplement deux façons d'écrire le même point de code. Les références numériques sont utiles lorsqu'il n'existe pas d'entité nommée pour le caractère souhaité.

Les noms d'entités sont sensibles à la casse : & fonctionne, mais & ne fonctionne pas.

Par exemple :

<p>5 &lt; 10 and 10 &gt; 5</p>
<title>HTML entities &amp; symbols</title>
<p>Snowman: &#9731; or &#x2603;</p>

Quand les entités sont obligatoires

Il n'est pas nécessaire d'échapper chaque caractère spécial — la plupart peuvent être saisis directement. Les entités ne sont obligatoires que lorsqu'un caractère serait autrement interprété comme du balisage, ou lorsque vous avez besoin d'un caractère invisible qu'un espace ordinaire ne peut pas fournir :

• < — échappe < pour que le navigateur ne le lise pas comme le début d'une balise.
• > — échappe > (recommandé par symétrie, bien que strictement obligatoire uniquement dans certains contextes).
• & — échappe & pour qu'il ne soit pas lu comme le début d'une autre entité.
• " — échappe un guillemet double à l'intérieur d'une valeur d'attribut elle-même délimitée par des guillemets doubles.
•   — une espace insécable, utilisée pour maintenir deux mots sur la même ligne.

Par exemple, pour éviter qu'une étiquette et une année ne soient séparées sur deux lignes, utilisez une espace insécable :

<p>Copyright&nbsp;2024</p>

Le navigateur affiche cela comme une espace normale, mais il ne coupera jamais la ligne entre « Copyright » et « 2024 ».

Entités de caractères couramment utilisées en HTML

Symboles mathématiques pris en charge par HTML

Lettres grecques prises en charge par HTML

Autres entités prises en charge par HTML

Espace insécable

L'espace insécable ( ) est l'une des entités de caractère les plus couramment utilisées en HTML. Il s'agit d'un espace qui ne provoque pas de retour à la ligne. Cela signifie que deux mots séparés par une espace insécable resteront sur la même ligne. De plus, l'espace insécable empêche les navigateurs de fusionner plusieurs espaces en une seule.

Pour la liste complète des points de code et la correspondance entre caractères et nombres, voir la référence Unicode HTML.

Marques diacritiques

Une marque diacritique est un « glyphe » ajouté à une lettre. Certaines de ces marques, comme le grave (̀) et l'aigu (́), sont appelées accents. Les marques diacritiques peuvent apparaître au-dessus ou en dessous d'une lettre, entre deux lettres ou à l'intérieur d'une lettre.

Voici une liste de quelques marques diacritiques :

Entraînement