Comment l’utiliser
- Collez votre HTML, ouvrez un fichier
.html, ou partez de l’exemple : une page tassée sur une seule ligne. - Choisissez 2 espaces, 4 espaces ou des tabulations. Le HTML formaté apparaît pendant que vous tapez.
- Copiez-le, téléchargez-le, ou cliquez sur Publier cette page pour le mettre en ligne.
Ce qui change, et ce qui ne change pas
Le formatage ne fait qu’ajouter et retirer des espaces entre les balises : chaque élément de bloc commence sur sa propre ligne, indenté selon sa profondeur. Le texte, les attributs et le contenu de <pre> et <textarea> restent tels quels : la page a le même aspect avant et après. Les lignes vides laissées entre les sections sont gardées (jusqu’à deux d’affilée), et le contenu de <script> et <style> est indenté lui aussi.
Quand c’est utile
- Pour lire le code source d’une page construite par quelqu’un d’autre, ou un gabarit minifié.
- Pour mettre au propre le HTML écrit par un assistant IA avant de le modifier.
- Pour rendre un diff lisible : formatez d’abord les deux versions de la même façon.
Questions fréquentes
Le formatage change-t-il l’aspect de ma page ?
Pas pour les éléments de bloc. Entre éléments en ligne, comme deux liens côte à côte, tout espace s’affiche comme un seul espace, et le formateur garde sur la même ligne les éléments en ligne qui étaient l’un à côté de l’autre.
Corrige-t-il le HTML cassé ?
Non : il indente ce qui est là. Pour voir comment un navigateur le lit, ouvrez-le dans la Visionneuse HTML.
Quel formateur utilise-t-il ?
js-beautify, un formateur open source très répandu, qui tourne dans votre navigateur.
Mon HTML est-il envoyé quelque part ?
Non. Le formatage se fait dans votre navigateur. Il n’est envoyé à Lobsite que si vous cliquez sur Publier cette page.