Appliquez des retraits réguliers au HTML pour mieux lire les éléments imbriqués, ou compactez le balisage. Choisissez l’espacement souhaité avant de recopier le résultat dans le fichier source.
Fonctionne localement dans votre navigateurUne zone, deux boutons. Formater Html réécrit le balisage avec une balise par ligne et les éléments imbriqués indentés, selon la largeur choisie à côté des boutons : tabulation, 2, 4 (par défaut) ou 8 espaces. Compresser HTML renvoie ce même balisage avec les espaces tassés.
Les deux boutons ne travaillent que sur le texte de la zone : aucun requête n’est partie au moment du clic. Un document de 716 Ko demande environ 2,4 secondes de formatage et 2,1 secondes de compression, et un balisage déjà écrit sans espaces superflus revient à la même taille, car le minificateur ne retire que des espaces.
Le formatage sert à la lecture. Chaque balise passe sur sa ligne, l’indentation suit la profondeur d’imbrication et les espaces du texte sont normalisés. L’indentation ajoutant des espaces là où il n’y en avait pas, une page formatée peut s’afficher autrement que l’original : <div><span>a</span><span>b</span></div> s’affiche « ab », la version formatée « a b ».
La compression sert à la mise en ligne. Une suite d’espaces devient un espace — comme le navigateur la lit —, le retour à la ligne entre deux éléments en ligne survit donc sous forme d’un espace au lieu d’être supprimé. Vérifié dans les six langues, le résultat compressé s’affiche à l’identique de l’entrée sur des suites en ligne, des listes, des tableaux et des blocs imbriqués.
Le contenu des balises pre et textarea est recopié octet par octet, car ses espaces font partie du document et non de la mise en page. Il en va de même du contenu de script et style, écrit dans d’autres langages : y supprimer un retour à la ligne transformerait la suite d’un commentaire // en code ou changerait le contenu d’un littéral de gabarit.
Les valeurs entre guillemets sont conservées à l’identique, suites d’espaces comprises, qu’elles soient dans value, title ou un attribut data-*. Le texte des commentaires, les entités telles que et ©, les balises auto-fermantes et le doctype passent aussi sans modification. Seuls les espaces entre les éléments disparaissent.
Un second clic ne change plus rien : un document formaté se reformate à l’identique et un document compressé se recompresse à l’identique. Le panneau de résultat est un aperçu coloré : le bouton Copier, et non une sélection manuelle, est le moyen fiable de récupérer le texte.
Dans le résultat formaté, une balise dont les attributs dépasseraient 80 caractères est renvoyée à la ligne suivante, la coupure tombant entre deux attributs et jamais dans une valeur entre guillemets. Le texte n’est pas coupé, et le résultat compressé ne contient aucun retour à la ligne en dehors des blocs protégés.
Le formatage et la compression s’exécutent dans la page : aucun requête n’a quitté le navigateur au clic, le balisage collé n’est donc jamais envoyé et l’outil continue de fonctionner sans réseau.
Le travail suit la taille de l’entrée. 176 Ko ont demandé environ 0,6 seconde de formatage et 0,5 seconde de compression ; une page de 716 Ko a pris 2,4 et 2,1 secondes. Le minificateur est une passe sur les espaces et non un analyseur HTML complet — il ne réécrit pas les guillemets des attributs et ne supprime pas les balises fermantes facultatives —, et le même moteur alimente le formateur JavaScript : un bloc script présent dans le balisage est donc embelli comme du JavaScript.