Vous rédigez un tutoriel qui présente une balise comme <div>, vous le publiez, et la balise n'apparaît nulle part sur la page. Le navigateur ne l'a pas affichée : il l'a prise pour une vraie balise de la page. La solution consiste à écrire les caractères spéciaux sous une forme que le navigateur comprend comme du texte à afficher. On appelle cela des entités HTML. L'encodeur d'entités HTML de Jood convertit votre texte en une seconde.
Mode d'emploi
Collez le texte ou le code dans le champ « Données saisies », jusqu'à 2 Mo.
Cliquez sur « Commencer ».
Copiez le résultat avec « Copier le résultat » et collez-le dans votre page.
Ce qui est converti, ce qui reste
Les chevrons : < devient < et > devient >.
L'esperluette & devient &.
Le guillemet droit devient " et l'apostrophe devient '.
Les lettres arabes et les émojis restent tels quels : ils n'ont pas besoin d'être encodés dans une page en UTF-8, l'encodage de presque tous les sites actuels.
À quoi il sert
Afficher des exemples de code dans un article, un cours ou un forum sans que le navigateur les interprète.
Placer du texte dans un attribut HTML comme title ou alt, quand il contient des guillemets qui fermeraient l'attribut trop tôt.
Les modèles d'e-mail et les pages statiques où vous collez un texte venu d'ailleurs et voulez qu'il s'affiche à la lettre.
Trois erreurs fréquentes
Encoder deux fois : si le texte est déjà encodé, & devient &amp; et c'est l'entité elle-même qui s'affiche au lieu du caractère. N'encodez que du texte brut.
Utiliser le résultat dans du XML : XML ne connaît que cinq entités de base, et des noms comme é rendent un fichier XML ou RSS invalide. Cet outil est fait pour les pages HTML.
Compter dessus pour sécuriser un site : si vous développez un site qui affiche ce que tapent les visiteurs, l'encodage doit se faire dans le code, à chaque affichage, avec par exemple htmlspecialchars en PHP, et non à la main.
Nous utilisons des cookies pour mesurer l'audience et améliorer le site (Google Analytics), et éventuellement afficher des publicités. Rien n'est activé sans votre accord. Politique de confidentialité