Formater du HTML
Vous avez récupéré du HTML minifié via « Afficher le code source » d'un site, ou collé un fragment généré automatiquement et tout est sur une seule ligne illisible ? Collez-le ici pour obtenir une version indentée, une balise par ligne, avant de l'étudier ou de le modifier.
Attention : il s'agit d'un formateur basique (indentation par niveau d'imbrication) et non d'un analyseur HTML complet comme ceux de Prettier. Il ne corrige pas les balises mal fermées ni les erreurs de syntaxe, et le contenu de blocs <script> ou <style> n'est pas reformaté spécifiquement.
Comment ça marche
Collez votre HTML minifié ou compact dans le champ ci-dessus et cliquez sur « Formater » : l'outil repère les balises ouvrantes, fermantes et auto-fermantes, place chaque balise sur sa propre ligne et indente de 2 espaces par niveau d'imbrication. Les balises auto-fermantes courantes (br, img, input, meta, link, hr, etc.) sont reconnues même sans /> explicite.
Pourquoi mon HTML formaté n'est pas parfaitement identique visuellement ?
Le reformatage ajoute des retours à la ligne et des espaces d'indentation entre les balises, ce qui peut légèrement modifier le rendu si votre CSS dépend des espaces blancs entre éléments (rare, mais possible avec display: inline). Le contenu et la structure HTML restent identiques : seule la présentation du code source change.
Cet outil peut-il corriger du HTML invalide ?
Non. Le formateur suppose que vos balises sont globalement bien formées (ouvertes puis fermées dans le bon ordre). S'il rencontre une balise jamais refermée ou une syntaxe vraiment inhabituelle, le résultat peut être mal indenté. Pour valider la conformité de votre HTML, utilisez un validateur dédié en complément.
Le formatage s'exécute 100% localement dans votre navigateur via WebAssembly : votre code HTML n'est jamais envoyé à un serveur.