Encodeur HTML
Encodez et décodez des entités HTML
À propos de l’outil Encodeur HTML
L’outil Encodeur HTML échappe les cinq caractères que le HTML lit comme du balisage : & devient &, < devient <, > devient >, le guillemet droit devient " et l’apostrophe devient '. Utilisez-le avant de placer dans une page un texte saisi par un utilisateur, un exemple de code ou la valeur d’un attribut, pour qu’il s’affiche comme du texte au lieu d’être lu comme des balises. Par défaut, tous les autres caractères, accents et émojis compris, restent tels quels ; « Caractères à encoder » transforme aussi en entité chaque caractère hors ASCII, ou chaque caractère, écrite comme un nom tel que é, un nombre décimal tel que é ou un nombre hexadécimal tel que é. Le bouton « Décoder » fait l’inverse pour toutes les entités nommées et numériques, en une seule passe ou jusqu’à ce qu’il ne reste aucune entité. Les deux boutons sont traités par le propre script de cette page.
Exemple
Un lien avec un titre entre guillemets et une comparaison, échappé avec « Encoder » :
Texte
<a title="Tom's">5 > 3 & 2 < 4</a>
Encoder
<a title="Tom's">5 > 3 & 2 < 4</a>
Comment échapper du texte pour le HTML
- 1Collez le texte ou l’exemple de code à afficher sur une page web, ou chargez-le avec « Ouvrir un fichier ».
- 2Pour échapper aussi les accents et les émojis, ou pour obtenir des entités numériques, choisissez « Caractères à encoder » et « Forme des entités ».
- 3Cliquez sur « Encoder » pour remplacer l’esperluette, les chevrons et les deux sortes de guillemets par des entités.
- 4Pour revenir en arrière, collez le texte échappé et cliquez sur « Décoder », avec « Décoder jusqu’à ce qu’il ne reste aucune entité » coché pour un texte échappé deux fois.
- 5Cliquez sur « Copier » et collez le résultat échappé dans votre HTML, ou gardez-le avec « Télécharger » (le fichier s’appelle encoded.txt, même après un décodage).
Formats et limites
- Échappés par « Encoder »
- & < > et les deux sortes de guillemets, écrits & < > " '
- Autres caractères
- Laissés tels quels, ou écrits en entités nommées (é), décimales (é) ou hexadécimales (é) ; un émoji donne une seule entité (😀)
- Lu par « Décoder »
- Toutes les entités nommées que connaît votre navigateur, plus les entités numériques décimales et hexadécimales
- Passes
- Une : &lt; devient <, jamais <, sauf si « Décoder jusqu’à ce qu’il ne reste aucune entité » est coché
Où votre texte est traité
L’échappement est un simple remplacement de texte fait par le script de cette page, avec les noms de la norme HTML que la page contient, et les entités nommées sont décodées par l’analyseur HTML de votre navigateur, qui n’exécute aucun script et ne charge rien. Un fichier que vous ouvrez est lu par votre navigateur. Rien de ce que vous collez ou ouvrez ne quitte la page ni n’est enregistré. Quand quelque chose échoue, comme une copie refusée par le navigateur, nous recevons cette erreur avec le nom de l’outil ainsi que le nom et la version de votre navigateur, pas votre texte.
Questions fréquentes
Échapper ces cinq caractères suffit-il à rendre un texte sûr dans du HTML ?
Oui pour le texte entre les balises et pour les valeurs d’attribut entre guillemets. Non pour un attribut sans guillemets, une adresse de lien (une adresse javascript: reste dangereuse une fois échappée) ou du code placé dans un élément script ou style : il faut alors un autre échappement ou une validation.
Puis-je laisser les guillemets tels quels ?
Oui, pour le texte entre les balises, où seuls &, < et > doivent être échappés : décochez « Encoder les guillemets et les apostrophes ». Laissez la case cochée pour toute valeur d’attribut.
« Décoder » lit-il ' et ', les deux formes de l’apostrophe ?
Oui. « Encoder » écrit l’apostrophe ', ou ' si vous le choisissez dans « Forme de l’apostrophe », et « Décoder » retransforme ' comme ' en apostrophe : un texte échappé d’une façon ou de l’autre se lit donc de la même manière après le décodage.
L’outil encode-t-il les lettres accentuées ou les émojis ?
Pas par défaut : seuls les cinq caractères du balisage sont remplacés, et é, ü ou 😀 restent tels quels, ce qui convient à toute page enregistrée en UTF-8. Pour les encoder, prenez le deuxième choix de « Caractères à encoder » : é devient é (ou é, é), et 😀 devient une seule entité, 😀, jamais deux moitiés. Un caractère que la norme HTML ne nomme pas est écrit en nombre décimal. « Décoder » lit toutes ces formes.
« Encoder » puis « Décoder » me rendent-ils mon texte ?
Oui. « Décoder » lit chaque entité une seule fois : le & écrit par « Encoder » redevient donc & sans toucher à ce qui le suit, et un texte qui contenait déjà des entités revient inchangé.
Comment décoder un texte échappé deux fois ?
Cochez « Décoder jusqu’à ce qu’il ne reste aucune entité » et cliquez sur « Décoder » : &amp;lt; devient <, après autant de passes qu’il en faut. Sans cette case, « Décoder » fait une seule passe et &lt; devient <, le texte qu’il faut pour un exemple de code sur une page.
Puis-je ouvrir un fichier ?
Oui : « Ouvrir un fichier » charge dans la zone un fichier texte, comme un fichier .html, .xml, .svg ou .txt, lu en UTF-8, en UTF-16 ou dans l’encodage Windows habituel de la langue de votre navigateur. Un fichier binaire, comme une image, est refusé.
Trucs et astuces
- ✓N’échappez un exemple de code qu’une seule fois : encodé deux fois, il fait afficher &lt; au lieu de < sur la page.