Formater du HTML (indenter et embellir)
Formatez et indentez en ligne du code HTML désordonné ou minifié : chaque balise à son niveau, avec le CSS et le JavaScript de la page formatés en même temps, indentation de 2 ou 4 espaces ou tabulation et retour à la ligne des lignes longues.
Mode d’emploiCollez votre HTML.
Formater du HTML (indenter et embellir): à quoi ça sert
Le HTML minifié ou copié ailleurs arrive souvent sur une seule ligne, sans indentation, difficile à lire et à modifier. Collez le code et chaque balise passe à son niveau, avec le contenu des balises style et script formaté lui aussi.
Choisissez une indentation de 2 ou 4 espaces ou une tabulation, un retour à la ligne à 100 ou 120 colonnes, l’indentation de head et de body et la conservation ou non des lignes vides de l’original. Les éléments comme pre et textarea sont conservés tels quels.
Mode d’emploi
- Collez le HTML.
- Choisissez l’indentation et les options.
- Copiez ou téléchargez le résultat.
Quand l’utiliser
- Lire le code source d’une page.
- Mettre en ordre un modèle avant de le modifier.
- Relire du HTML généré par un autre système.
Questions fréquentes
Le formatage modifie-t-il le fonctionnement de la page ?
Non. Le formatage ajoute seulement des sauts de ligne et des retraits entre les balises. Les éléments qui affichent les espaces tels quels, comme pre et textarea, sont conservés sans modification.
Le CSS et le JavaScript contenus dans le HTML sont-ils aussi formatés ?
Oui. Le contenu des balises style et script est formaté avec les mêmes règles d’indentation.