Encodeur et décodeur d’entités HTML

Échappez du texte pour l’insérer sans risque dans du HTML, ou retransformez des entités comme & et € en caractères lisibles.

Fonctionne dans le navigateurSans inscriptionAucun envoi de données

Encodé

Comment utiliser : Encodeur / décodeur d’entités HTML

  1. Choisissez Encoder pour échapper du texte, ou Décoder pour retransformer des entités en caractères.
  2. Pour l’encodage, choisissez les caractères à échapper : uniquement les caractères spéciaux HTML, aussi tous les caractères non ASCII, ou tout sauf les lettres et les chiffres.
  3. Choisissez les entités nommées (é), décimales (é) ou hexadécimales (é).
  4. Copiez le résultat. Lors du décodage, les entités inconnues sont listées pour vous aider à repérer les fautes de frappe.

Pourquoi échapper le HTML ?

Cinq caractères ont une signification particulière en HTML : & commence une entité, < et > délimitent les balises, et " et ' ferment les valeurs d’attributs. Si un texte fourni par un utilisateur qui les contient est inséré dans une page sans échappement, il peut casser la mise en page ou, pire, injecter des scripts (cross-site scripting, XSS). L’échappement les transforme en &amp;, &lt;, &gt;, &quot; et &#x27;, que le navigateur affiche comme du texte.

Entités nommées, décimales et hexadécimales

Tout caractère Unicode peut s’écrire sous forme de référence numérique : décimale &#8364; ou hexadécimale &#x20AC; pour €. Beaucoup de caractères courants ont aussi un nom lisible, comme &euro;, &copy; ou &nbsp;. Les références numériques fonctionnent partout, y compris en XML, qui ne définit que cinq entités nommées. Les entités nommées sont plus faciles à lire dans le code source.

Faut-il encoder les caractères non ASCII ?

Pas si votre page est servie en UTF-8, ce qui est le cas de presque tous les sites modernes (<meta charset="utf-8">). Des caractères comme é, ü ou 日本 peuvent être écrits directement. Les encoder reste utile pour les systèmes anciens, les templates d’e-mails, ou lorsqu’une chaîne de traitement abîme le texte non ASCII.

L’échappement dépend du contexte

L’échappement en entités HTML protège le texte placé dans le contenu des éléments et dans les attributs entre guillemets. Il ne suffit pas pour les valeurs à l’intérieur des blocs <script>, des gestionnaires d’événements inline, du CSS ou des URL, qui ont chacun besoin de leur propre encodage. Préférez l’échappement automatique de votre framework (React, Vue, Jinja, Blade) à la construction manuelle de chaînes.

Questions fréquentes

Quels caractères faut-il échapper en HTML ?
Dans le contenu texte, & et < sont indispensables. Dans les valeurs d’attributs, échappez aussi le guillemet utilisé. Échapper les cinq (& < > " ') est le choix sûr par défaut.
Qu’est-ce que &amp;nbsp; ?
Une espace insécable (U+00A0). Elle ressemble à une espace mais empêche le retour à la ligne et n’est pas fusionnée avec les espaces voisines.
Pourquoi &amp;copy2024 est-il décodé en ©2024 ?
Pour des raisons de rétrocompatibilité, les navigateurs décodent quelques entités historiques, comme &copy, &amp et &lt, même sans point-virgule final. Ce décodeur suit la même règle. Écrivez toujours le point-virgule dans votre propre HTML.
L’apostrophe s’écrit-elle &amp;apos; ou &amp;#39; ?
&apos; est valide en HTML5 et en XML mais pas en HTML 4 : la forme numérique &#39; ou &#x27; est donc la plus compatible, et c’est ce que produit cet encodeur.

Outils associés

Encodeur / décodeur d’URL Encoder/décoder en pourcent et analyser les query strings d’URL. Encodeur / décodeur Base64 Encoder/décoder du Base64 et base64url, texte ou fichiers. Minificateur HTML Supprimer commentaires et espaces, minifier le CSS/JS inline. Testeur de regex Tester des regex JavaScript en direct, avec groupes et remplacement.