Embellissez du HTML avec une indentation adaptée aux blocs, ou minifiez-le. Le contenu de pre, textarea, script et style est préservé.
Comment utiliser l'outil Formateur HTML
Collez votre HTML dans la zone de saisie.
Choisissez Embellir pour l'indenter ou Minifier pour le compresser.
Choisissez la taille d'indentation, puis copiez le résultat.
Il s'agit d'un formateur HTML qui embellit le balisage avec une indentation tenant compte des éléments de bloc et en ligne, ou le réduit en compactant les espaces et en supprimant les commentaires. Vous choisissez la taille d'indentation lors de l'embellissement.
L'embellissement indente les éléments selon leur imbrication, afin que la structure d'un document, quels éléments contiennent lesquels, devienne évidente. Cela rend le HTML écrit à la main ou généré bien plus facile à lire et à déboguer.
L'embellissement et la réduction s'exécutent tous deux entièrement dans votre navigateur, donc votre balisage ne quitte jamais votre appareil.
Il laisse délibérément intact le contenu de pre, textarea, script et style, car les espaces à l'intérieur de ces éléments sont significatifs : les reformater changerait le texte préformaté, ce que les utilisateurs saisissent, ou le sens de votre code.
La réduction supprime les commentaires et compacte les suites d'espaces, ce qui allège la taille du fichier que les navigateurs doivent télécharger. Elle est surtout utile comme étape de build pour les pages en production.
Le réducteur garde un unique espace entre les balises plutôt que de le supprimer entièrement, car les espaces entre éléments en ligne sont réellement rendus, et les retirer peut décaler votre mise en page. Cette prudence évite les bugs visuels subtils que peuvent causer les réducteurs agressifs.
Questions fréquentes
Il indente les éléments selon leur imbrication et leur structure, tout en laissant intact le contenu de pre, textarea, script et style, puisque les espaces y sont significatifs.
Elle supprime les commentaires et réduit les suites d'espaces à un seul espace. Elle conserve les espaces simples entre les balises plutôt que de les supprimer, car l'espace entre les éléments en ligne est rendu et le supprimer peut décaler la mise en page.
Non. L'embellissement et la minification s'exécutent tous deux entièrement dans votre navigateur, de sorte que votre balisage ne quitte jamais votre appareil.
Elle est conçue pour ne pas le faire. En conservant les espaces simples entre les éléments en ligne, elle évite les décalages de mise en page qui peuvent survenir lorsque l'espace entre les balises est supprimé trop agressivement.
Non. Il formate et minifie le balisage mais ne le vérifie pas par rapport à la spécification HTML, il reformatera donc même si une balise n'est pas fermée ou est mal utilisée.
Intégrer cet outil
Ajoutez cet outil à votre propre site web. Copiez le code ci-dessous. Il reste à jour automatiquement.
<iframe src="https://monu.tools/embed/fr/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Outils similaires
Embellissez et reformatez du JavaScript avec une indentation et un espacement cohérents. S'exécute entièrement dans votre navigateur.
Convertissez du CSV en fichier Excel .xlsx et Excel en CSV, entièrement dans votre navigateur. Fonctionne dans les deux sens.
Générez des interfaces TypeScript à partir d'un exemple JSON, avec des types imbriqués, des tableaux et des champs optionnels. S'exécute dans votre navigateur.
Convertissez du JSON en XML et du XML en JSON, dans les deux sens, entièrement dans votre navigateur.