Formateur HTML
Ré-indentez du HTML pour que son imbrication soit lisible. Les fragments fonctionnent aussi bien que les documents entiers, et le contenu des blocs pre, script et style reste exactement tel qu'écrit.
Vos données ne quittent jamais votre navigateur. Cet outil fonctionne entièrement sur votre appareil.
Comment ça marche
Le formateur découpe le balisage en jetons et ré-indente selon la profondeur d'imbrication. Il ne construit délibérément pas de DOM complet, car cela réécrirait ce qu'il ne reconnaît pas : les marqueurs de gabarit, les directives de frameworks et les fragments partiels survivent tous intacts ici.
Seuls les espaces entre balises changent. Les attributs, le contenu textuel et l'ordre de l'ensemble sont préservés à l'identique.
Ce qui reste intouché
Certains éléments portent un contenu où les espaces sont significatifs : les reformater changerait ce que la page fait ou affiche.
- pre — les espaces sont rendus littéralement, les indenter modifierait l'affichage.
- textarea — les espaces de tête font partie de la valeur du champ.
- script — reformater du JavaScript est un autre métier, avec d'autres règles.
- style — utilisez le formateur CSS pour le contenu des feuilles de style.
Éléments vides
Les éléments comme br, img, input et meta n'ont jamais de balise fermante : ils ne doivent donc pas augmenter la profondeur d'indentation. C'est en se trompant sur ce point que les formateurs naïfs produisent une sortie qui dérive vers la droite à chaque image de la page.
Questions fréquentes
Cet outil va-t-il réparer mon HTML cassé ?
Non, et c'est volontaire. Il ré-indente ce que vous lui donnez sans insérer de balise manquante ni corriger l'imbrication : il ne change donc jamais le sens de votre balisage. Les balises déséquilibrées sont indentées telles quelles plutôt que réparées en silence.
Fonctionne-t-il sur un fragment plutôt que sur une page entière ?
Oui. Aucun doctype, élément html ou body n'est requis. Un simple div ou une ligne de tableau se formate très bien isolément.
Mes marqueurs de gabarit vont-ils être cassés ?
Non. Les expressions de type Handlebars, Jinja, Blade ou JSX sont traitées comme du texte ordinaire et restituées sans modification, puisque le formateur n'analyse jamais vers un DOM.
Pourquoi mon script en ligne n'est-il pas reformaté ?
Le contenu d'un script est du JavaScript, pas du HTML, et le reformater correctement suppose un analyseur JavaScript. Son contenu est recopié tel quel pour que rien ne casse.
Outils similaires
- Formateur CSSRé-indentez du CSS pour le rendre lisible, ou minifiez-le pour la production. Les règles-at imbriquées, les commentaires et les valeurs entre guillemets sont tous traités correctement.
- Formateur XMLRé-indentez du XML pour en rendre la structure lisible, et sachez immédiatement s'il n'est pas bien formé. Les sections CDATA et les déclarations sont préservées à l'identique.
- Formateur JSONCollez du JSON pour l'afficher avec une indentation cohérente, ou minifiez-le à nouveau. Un JSON invalide est signalé avec la ligne et la colonne exactes, pour que vous trouviez le problème.
- Encodeur Base64Encodez n'importe quel texte en Base64, émojis et écritures non latines compris. Basculez sur l'alphabet compatible URL quand le résultat doit voyager dans une adresse.