# HTML Entities : aperçu de toutes les entités importantes

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.

### Les entités HTML nommées

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

```html
&entity_name;
```

Pour représenter par exemple l’esperluette `&`, il faut le définir dans le code comme `&amp;` (pour le mot anglais *ampersand*). L’exemple suivant illustre l’utilisation de l’entité :

```html

<html>
<body>
<h1>Exemple d’entité nommée</h1>
<h2>L’esperluette ressemble à ceci : &amp;</h2>
<div class="hash d-none" hidden>hash_e75ae073478d1ae822c659fa69004267b348278b</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</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 :

```html
&#entity_number;
```

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 :

```html

<html>
<body>
<h1>Exemple d’entité numérique</h1>
<h2>L’esperluette ressemble à ceci : &#38;</h2>
<div class="hash d-none" hidden>hash_e75ae073478d1ae822c659fa69004267b348278b</div><script data-shy-copy-guard>(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();</script></body>
</html>
```

## HTML Entities : listes des principales entités HTML

Que vous commenciez tout juste à [apprendre les bases de HTML](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/apprendre-le-html-le-tutoriel-pour-debutant/) 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

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

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

<table>
  <thead>
    <tr>
      <th>Caractère</th>
      <th>Description</th>
      <th>Nommé</th>
      <th>Numérique</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>©</td>
      <td>Copyright</td>
      <td>`&copy;`</td>
      <td>`&#169;`</td>
    </tr>
    <tr>
      <td>®</td>
      <td>Marque enregistrée</td>
      <td>`&reg;`</td>
      <td>`&#174;`</td>
    </tr>
    <tr>
      <td>™</td>
      <td>Marque déposée</td>
      <td>`&trade;`</td>
      <td>`&#8482;`</td>
    </tr>
    <tr>
      <td>@</td>
      <td>Arobase</td>
      <td>`&commat;`</td>
      <td>`&#64;`</td>
    </tr>
    <tr>
      <td>♀</td>
      <td>Symbole féminin</td>
      <td>`&female;`</td>
      <td>`&#9792;`</td>
    </tr>
    <tr>
      <td>♂</td>
      <td>Symbole masculin</td>
      <td>`&male;`</td>
      <td>`&#9794;`</td>
    </tr>
    <tr>
      <td></td>
      <td>Crochet</td>
      <td>`&check;`</td>
      <td>`&#10003;`</td>
    </tr>
    <tr>
      <td></td>
      <td>Croix</td>
      <td>`&cross;`</td>
      <td>`&#10007;`</td>
    </tr>
  </tbody>
</table>

### Les entités HTML pour les symboles mathématiques

<table>
  <thead>
    <tr>
      <th>Caractère</th>
      <th>Description</th>
      <th>Nommé</th>
      <th>Numérique</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>+</td>
      <td>Signe plus</td>
      <td>`&plus;`</td>
      <td>`&#43;`</td>
    </tr>
    <tr>
      <td>−</td>
      <td>Signe moins</td>
      <td>`&moins;`</td>
      <td>`&#8722;`</td>
    </tr>
    <tr>
      <td>×</td>
      <td>Caractère de multiplication</td>
      <td>`&times;`</td>
      <td>`&#215;`</td>
    </tr>
    <tr>
      <td>÷</td>
      <td>Caractère de division</td>
      <td>`&divide;`</td>
      <td>`&#247;`</td>
    </tr>
    <tr>
      <td>=</td>
      <td>Caractère égal</td>
      <td>`&equals;`</td>
      <td>`&#61;`</td>
    </tr>
    <tr>
      <td>&lt;</td>
      <td>Plus petit que</td>
      <td>`&lt;`</td>
      <td>`&#60;`</td>
    </tr>
    <tr>
      <td>&gt;</td>
      <td>Plus grand que</td>
      <td>`&gt;`</td>
      <td>`&#62;`</td>
    </tr>
  </tbody>
</table>

### Les entités HTML pour les différentes monnaies

<table>
  <thead>
    <tr>
      <th>Caractère</th>
      <th>Description</th>
      <th>Nommé</th>
      <th>Numérique</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>€</td>
      <td>Euro</td>
      <td>`&euro;`</td>
      <td>`&#8364;`</td>
    </tr>
    <tr>
      <td>¢</td>
      <td>Centime</td>
      <td>`&cent;`</td>
      <td>`&#162;`</td>
    </tr>
    <tr>
      <td>$</td>
      <td>Dollar</td>
      <td>`&dollar;`</td>
      <td>`&#36;`</td>
    </tr>
    <tr>
      <td>£</td>
      <td>Livre</td>
      <td>`&pound;`</td>
      <td>`&#163;`</td>
    </tr>
    <tr>
      <td>¥</td>
      <td>Yen</td>
      <td>`&yen;`</td>
      <td>`&#165;`</td>
    </tr>
  </tbody>
</table>

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

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

Conseil Vous trouverez dans le Digital Guide de IONOS de nombreux autres guides sur le [*Hypertext Markup Language* (HTML)](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/quest-ce-que-le-html/). Nous vous expliquons par exemple ce que sont les [balises HTML](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/balises-htlm/) ou quelles sont les particularités de [HTML5](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/html5-cest-quoi/). Vous pourrez également être intéressé par notre [tutoriel CSS](https://www.ionos.fr/digitalguide/sites-internet/web-design/apprendre-le-css-avec-simplicite/)


This is a markdown version of: [https://www.ionos.fr/digitalguide/sites-internet/developpement-web/entites-html/](https://www.ionos.fr/digitalguide/sites-internet/developpement-web/entites-html/) for AI/LLM consumption.