Un souci avec cet outil ?
À propos de « Mise En Forme HTML En Ligne »
Cet outil reformate du code HTML pour la lisibilité : ré-indentation des balises imbriquées, retours à la ligne, normalisation des espaces dans les attributs. Un mode de minification est aussi disponible pour la taille la plus petite.
Pratique pour lire la source d'une page de prod (souvent tout sur une ligne), préparer du HTML pour une revue de code, uniformiser au sein d'une équipe ou minifier avant un déploiement.
L'outil reconnaît les éléments « void » HTML5 (br, img, input…), conserve à l'identique le contenu de <pre>, <script> et <textarea>, et distingue inline / bloc pour préserver le flux du texte.
Comment utiliser cet outil
Mettre en forme un HTML minifié ou désordonné
Coller le HTML
HTML minifié ou écrit à la main mais en désordre dans « HTML ». Documents complets (avec `<!doctype>`) et fragments acceptés.
Exécuter
Résultat : champ unique `formatted`. Indentation 2 espaces, une balise par ligne aux ruptures structurelles. Les éléments inline restent sur la même ligne s’ils touchent du texte — `<p>Hi <strong>there</strong></p>` ne s’étale pas sur trois lignes.
Ce qui est préservé
Les attributs restent sur la même ligne que la balise ouvrante — pas de retour à la ligne même avec beaucoup d’attributs. Les commentaires (`<!-- … -->`), `<script>`, `<style>`, `<pre>` passent tels quels pour ne pas casser du JS ou du texte sensible aux espaces.
Aller-retour
Formatez pour relecture, puis re-minifiez avant le déploiement. Le formatter est tolérant au HTML invalide ; un tag oublié à l’entrée peut se fermer plus tôt que prévu en sortie. En cas d’entrée douteuse, validez avec le W3C après le formatage.