Les entités HTML sont utilisées pour gérer les caractères réservés dans le code ou les caractères spéciaux lors de l’édition. Ce sont des chaînes de caractères spécifiques qui indiquent au navigateur qu’un symbole particulier doit être affiché.

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

Les entités HTML permettent d’exprimer certains caractères dans un document HTML. Il peut s’agir de caractères spéciaux qui :

  • ne sont pas facilement accessibles avec la méthode de saisie utilisée ou sont difficiles à saisir.
  • sont réservées au HTML et remplissent une fonction spécifique lors du codage.

Pour pouvoir reproduire ces caractères sans endommager le code, on utilise ces chaînes de caractères clairement délimitables. On distingue les entités nommées (entity names) et les entités numériques (entity numbers). Alors que les entités HTML nommées sont plus faciles à lire et à mémoriser, les entités numériques sont particulièrement importantes lorsqu’il n’existe pas de variante nommée.

Hébergement Web
Hébergement Web de pointe au meilleur prix
  • 3x plus rapide, 60 % d'économie
  • Haute disponibilité >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 représenter par exemple l’esperluette &, il faut le définir dans le code comme & (pour le mot anglais ampersand). L’exemple suivant illustre l’utilisation 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’orthographe des entités HTML est sensible à la casse. Il est donc essentiel de respecter strictement l’usage des majuscules et des minuscules.

Les entités HTML numériques

Les entités numé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’esperluette, la chaîne de caractè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 certificat SSL Wildcard par contrat
  • Fonction incluse Domain Connect pour une configuration DNS simplifiée

HTML Entities : listes des principales entités HTML

Que vous commenciez tout juste à apprendre les bases de HTML ou que vous utilisiez ce langage de balisage depuis un certain temps déjà, une liste des principales 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 ponctuation

Caractère Description Nommé Numérique
Espace sans retour à la ligne &nbsp; &#160;
. Point &period; &#46;
, Virgule &comma; &#44;
! Point d’exclamation &excl; &#33;
? Point d’interrogation &quest; &#63;
& Esperluette &amp; &#38;
“ Guillemets doubles &quot; &#34;
’ Apostrophe &apos; &#39;
# Dièse &num; &#35;
( Ouverture de la parenthèse &lpar; &#40;
) Fermeture de la parenthèse &rpar; &#41;
% Signe de pourcentage &percnt; &#37;
§ Symbole du paragraphe &sect; &#167;

Les entités HTML pour les caractères spéciaux

Caractère Description Nommé Numérique
© Copyright &copy; &#169;
® Marque enregistré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 mathématiques

Caractère Description Nommé Numérique
+ Signe plus &plus; &#43;
− Signe moins &moins; &#8722;
× Caractère de multiplication &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 différentes monnaies

Caractère Description 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 Description 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 circonflexe majuscule &Ecirc; &#202;
ê e accent circonflexe minuscule &ecirc; &#234;
Ç C cédille majuscule &Ccedil; &#199;
ç c cédille minuscule &ccedil; &#231;
Ô O accent circonflexe majuscule &Ocirc; &#212;
ô o accent circonflexe minuscule &ocirc; &#244;
Û U accent circonflexe majuscule &Ucirc; &#219;
û u accent circonflexe 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 expliquons par exemple ce que sont les balises HTML ou quelles sont les particularités de HTML5. Vous pourrez également être intéressé par notre tutoriel CSS

Cet article vous a-t-il été utile ?
Aller au menu principal