Aucun outil récemment utilisé
Pas encore de favoris

Outil d'Échappement HTML Gratuit - Encodeur Décodeur d'Entités HTML

631 utilisations

Référence des entités HTML

CaractèreNom d'entitéNuméro d'entitéDescription
<&lt;&#60;Inférieur à, ouverture de balise
>&gt;&#62;Supérieur à, fermeture de balise
&&amp;&#38;Esperluette, début d'entité
"&quot;&#34;Guillemet double, délimiteur d'attribut
'&apos;&#39;Guillemet simple, délimiteur d'attribut
 &nbsp;&#160;Espace insécable
©&copy;&#169;Symbole copyright
®&reg;&#174;Marque déposée

Guide d'échappement HTML

Qu'est-ce que l'échappement HTML ?
L'échappement HTML convertit les caractères spéciaux comme < > & en codes d'entités, empêchant les navigateurs de les interpréter comme du balisage HTML.
Prévention XSS
L'échappement des entrées utilisateur est essentiel pour prévenir les attaques par scripts intersites (XSS).
Afficher du code
Pour montrer du code source HTML sur une page web, les balises doivent être échappées pour s'afficher comme texte.
Sécurité des données
Échappez le contenu généré par les utilisateurs avant de l'afficher en HTML. Les frameworks modernes le font automatiquement.
Formats d'entités
Les entités HTML existent sous deux formes : nommées (&lt;) et numériques (&#60;). Les deux produisent le même résultat.
Caractères obligatoires
Cinq caractères doivent toujours être échappés en HTML : < > & " ' — ils ont une signification spéciale.

Questions fréquemment posées

Q L'échappement HTML protège-t-il contre toutes les attaques XSS ?
A Pas tout seul. L'échappement gère le contexte de sortie, mais les XSS passent aussi par l'exécution JavaScript, l'injection CSS ou des attributs. Vous avez besoin d'en-têtes Content Security Policy et d'une validation des entrées. Voyez l'échappement comme une couche, pas une solution miracle. Associez-le à une CSP qui bloque les scripts inline.
Q Est-ce qu'on peut échapper seulement les chevrons sans toucher aux autres caractères ?
A Notre outil ne permet pas l'échappement sélectif, et pour cause. Un échappement partiel laisse des failles exploitables. Imaginez : vous échappez < et > mais pas &. Un utilisateur tapant &lt;script&gt; pourrait générer une balise si votre base de données double-encode. Passez tout en une seule fois dans l'échappement complet, puis faites confiance au résultat. Vous éviterez des cas tordus.
Q Que se passe-t-il si je colle du HTML déjà échappé dans le champ d'échappement ?
A L'outil l'échappera à nouveau, transformant `&amp;` en `&amp;amp;`. Ce n'est généralement pas ce que vous voulez. Vérifiez toujours que votre saisie contient du HTML brut, pas des entités. En cas de doute, collez un petit extrait et jetez un œil au résultat. Cette erreur piège beaucoup de développeurs, surtout avec du contenu venant d'un CMS.
Q Pourquoi mon navigateur affiche-t-il des balises HTML brutes quand j'utilise <code>innerHTML</code> pour insérer du texte ?
A Vous passez probablement des caractères <code><</code> et <code>></code> bruts via JavaScript. Avec <code>innerHTML</code>, le navigateur les interprète comme du balisage, pas du texte. Échappez d'abord votre chaîne — cela convertit <code><</code> en <code>&lt;</code> et <code>></code> en <code>&gt;</code>. Assignez ensuite la version échappée à <code>innerHTML</code>. Le navigateur affichera les balises comme des caractères littéraux. Oubliez cette étape, et vous aurez des affichages cassés ou une faille XSS.
Q Faut-il échapper le HTML dans un élément <textarea> ?
A Oui, absolument. Beaucoup pensent que les textareas sont des zones sûres car elles affichent le texte différemment. Le navigateur analyse toujours le HTML à l'intérieur. Mettez des < et > bruts, et vous casserez la page ou ouvrirez une faille XSS. Échappez toujours le contenu utilisateur avant de l'injecter. Notre outil transforme < en &lt; et > en &gt; en quelques secondes, même sur des milliers de lignes.
Q Dois-je échapper le HTML avant ou après avoir stocké les entrées utilisateur dans ma base de données ?
A Stockez les données brutes, échappez au moment du rendu. C'est la règle qui vous évite les cauchemars de double encodage. Si vous échappez avant l'enregistrement, vous devrez ensuite déséchapper pour l'édition, puis ré-échapper pour l'affichage — trois endroits où les bugs s'infiltrent. Gardez la base propre, puis passez tout par cet outil juste avant l'envoi au navigateur. Vous éviterez le désastre où &amp; devient &amp;amp; et vos utilisateurs voient du texte cassé. Une exception : sur un site statique, l'échappement au moment du build fonctionne très bien.
Q Quelle est la différence entre l'échappement HTML et l'encodage URL ?
A Ils résolvent des problèmes complètement différents. L'échappement HTML convertit des caractères comme < et > en entités (&lt;, &gt;) pour que le navigateur les affiche comme texte, pas comme balises. L'encodage URL transforme les caractères en valeurs en pourcentage (%3C, %3E) pour un transport sûr dans les chaînes de requête. Les confondre crée des bugs subtils. Pour un lien avec entrée utilisateur, encodez l'URL. Pour afficher cette même entrée sur une page, échappez le HTML. Deux étapes séparées, deux outils différents—celui-ci ne gère que le HTML. Astuce rapide : si votre URL montre %26 au lieu de &, c'est de l'encodage, pas de l'échappement. Utilisez le bon à chaque couche, et vous éviterez des heures de débogage.
Q L'échappement HTML abîme-t-il la mise en forme de mes extraits de code dans la documentation ?
A Seulement si vous échappez la mauvaise couche. Entourez d'abord votre extrait de balises <code> ou <pre>, puis échappez le contenu à l'intérieur. Ainsi <div class="box"> devient &lt;div class="box"&gt; et s'affiche comme texte visible plutôt que comme un vrai div. À la main sur un exemple de 200 lignes, vous abandonnez vite. Collez le bloc entier dans l'outil, copiez le résultat : indentation et retours à la ligne restent intacts.
Q Est-ce que cet outil altère mes commentaires de code existants lors du décodage des entités HTML ?
A Non, le décodage laisse les commentaires de code standard totalement intacts, sauf s'ils contiennent des caractères encodés comme &lt; ou &gt;. Collez votre texte dans la zone et le décodeur traite le tout en moins de 0,1 seconde. Vous récupérerez un code propre instantanément.
Q Est-ce que cet outil nettoie les données web scrapées pour des scripts Python ?
A Les ingénieurs de données utilisent notre outil pour assainir des chaînes brutes issues du web scraping. Vous pouvez coller jusqu'à 50 000 caractères d'entités HTML pour les décoder instantanément en texte brut. Les scripts Python bloquent parfois à cause de symboles `&amp;` ou `&#39;` oubliés lors des insertions SQL. Passer vos données par ce décodeur évite des heures de plantage. Nettoyez toujours en amont.

Guide d'utilisation

Outils connexes