Les entités HTML sont utilisées pour gérer les ca­rac­tères réservés dans le code ou les ca­rac­tères spéciaux lors de l’édition. Ce sont des chaînes de ca­rac­tères spé­ci­fiques qui indiquent au na­vi­ga­teur qu’un symbole par­ti­cu­lier doit être affiché.

HTML Entities : qu’est-ce que c’est ?

Les entités HTML per­met­tent d’exprimer certains ca­rac­tères dans un document HTML. Il peut s’agir de ca­rac­tères spéciaux qui :

  • ne sont pas fa­ci­le­ment ac­ces­sibles avec la méthode de saisie utilisée ou sont dif­fi­ciles à saisir.
  • sont réservées au HTML et rem­plis­sent une fonction spé­ci­fique lors du codage.

Pour pouvoir re­pro­duire ces ca­rac­tères sans en­dom­ma­ger le code, on utilise ces chaînes de ca­rac­tères clai­re­ment dé­li­mi­tables. On distingue les entités nommées (entity names) et les entités nu­mé­riques (entity numbers). Alors que les entités HTML nommées sont plus faciles à lire et à mémoriser, les entités nu­mé­riques sont par­ti­cu­liè­re­ment im­por­tantes lorsqu’il n’existe pas de variante nommée.

Hé­ber­ge­ment Web
Hé­ber­ge­ment Web de pointe au meilleur prix
  • 3x plus rapide, 60 % d'éco­no­mie
  • Haute dis­po­ni­bi­lité >99,99 %
  • Seulement chez IONOS : jusqu'à 500 Go inclus

Les entités HTML nommées

Les entités HTML nommées ont le format suivant :

&entity_name;
html

Pour re­pré­sen­ter par exemple l’es­per­luette &, il faut le définir dans le code comme & (pour le mot anglais ampersand). L’exemple suivant illustre l’uti­li­sa­tion de l’entité :

<!DOCTYPE html>
<html>
<body>
<h1>Exemple d’entité nommée</h1>
<h2>L’esperluette ressemble à ceci : &amp;</h2>
</body>
</html>
html
Note

L’or­tho­graphe des entités HTML est sensible à la casse. Il est donc essentiel de respecter stric­te­ment l’usage des ma­jus­cules et des mi­nus­cules.

Les entités HTML nu­mé­riques

Les entités nu­mé­riques sont utilisées dans ce format :

&#entity_number;
html

Au lieu de entity_number, il faut insérer la valeur Unicode du caractère souhaité. Si vous souhaitez écrire l’es­per­luette, la chaîne de ca­rac­tères &#38; est le bon choix. Voici à quoi cela ressemble dans le code :

<!DOCTYPE html>
<html>
<body>
<h1>Exemple d’entité numérique</h1>
<h2>L’esperluette ressemble à ceci : &#38;</h2>
</body>
</html>
html
Nom de domaine
Votre domaine en un clic
  • 1 cer­ti­fi­cat SSL Wildcard par contrat
  • Fonction incluse Domain Connect pour une con­fi­gu­ra­tion DNS sim­pli­fiée

HTML Entities : listes des prin­ci­pales entités HTML

Que vous com­men­ciez tout juste à apprendre les bases de HTML ou que vous utilisiez ce langage de balisage depuis un certain temps déjà, une liste des prin­ci­pales entités HTML vous sera dans tous les cas d’une grande utilité. Découvrez quelques-unes des entités les plus utilisées dans la suite de cet article.

Les entités HTML pour la ponc­tua­tion

Caractère Des­crip­tion Nommé Numérique
Espace sans retour à la ligne &nbsp; &#160;
. Point &period; &#46;
, Virgule &comma; &#44;
! Point d’ex­cla­ma­tion &excl; &#33;
? Point d’in­ter­ro­ga­tion &quest; &#63;
& Es­per­luette &amp; &#38;
“ Guil­le­mets doubles &quot; &#34;
’ Apos­trophe &apos; &#39;
# Dièse &num; &#35;
( Ouverture de la pa­ren­thèse &lpar; &#40;
) Fermeture de la pa­ren­thèse &rpar; &#41;
% Signe de pour­cen­tage &percnt; &#37;
§ Symbole du pa­ra­graphe &sect; &#167;

Les entités HTML pour les ca­rac­tères spéciaux

Caractère Des­crip­tion Nommé Numérique
© Copyright &copy; &#169;
® Marque en­re­gis­trée &reg; &#174;
™ Marque déposée &trade; &#8482;
@ Arobase &commat; &#64;
♀ Symbole féminin &female; &#9792;
♂ Symbole masculin &male; &#9794;
Crochet &check; &#10003;
Croix &cross; &#10007;

Les entités HTML pour les symboles ma­thé­ma­tiques

Caractère Des­crip­tion Nommé Numérique
+ Signe plus &plus; &#43;
− Signe moins &moins; &#8722;
× Caractère de mul­ti­pli­ca­tion &times; &#215;
÷ Caractère de division &divide; &#247;
= Caractère égal &equals; &#61;
< Plus petit que &lt; &#60;
> Plus grand que &gt; &#62;

Les entités HTML pour les dif­fé­rentes monnaies

Caractère Des­crip­tion Nommé Numérique
€ Euro &euro; &#8364;
¢ Centime &cent; &#162;
$ Dollar &dollar; &#36;
£ Livre &pound; &#163;
¥ Yen &yen; &#165;

Les entités HTML pour les accents en français

Caractère Des­crip­tion Nommé Numérique
À A accent grave majuscule &Agrave; &#192;
à a accent grave minuscule &agrave; &#224;
É E accent aigu majuscule &Eacute; &#201;
é e accent aigu minuscule &eacute; &#233;
È E accent grave majuscule &Egrave; &#200;
è e accent grave minuscule &egrave; &#232;
Ê E accent cir­con­flexe majuscule &Ecirc; &#202;
ê e accent cir­con­flexe minuscule &ecirc; &#234;
Ç C cédille majuscule &Ccedil; &#199;
ç c cédille minuscule &ccedil; &#231;
Ô O accent cir­con­flexe majuscule &Ocirc; &#212;
ô o accent cir­con­flexe minuscule &ocirc; &#244;
Û U accent cir­con­flexe majuscule &Ucirc; &#219;
û u accent cir­con­flexe minuscule &ucirc; &#251;
Ï I tréma majuscule &Iuml; &#207;
ï i tréma minuscule &iuml; &#239;
Conseil

Vous trouverez dans le Digital Guide de IONOS de nombreux autres guides sur le Hypertext Markup Language (HTML). Nous vous ex­pli­quons par exemple ce que sont les balises HTML ou quelles sont les par­ti­cu­la­ri­tés de HTML5. Vous pourrez également être intéressé par notre tutoriel CSS

Aller au menu principal