Formateur HTML
Collez du HTML pour l'embellir avec une indentation cohérente, ou passez en mode de minification pour réduire les espaces et les commentaires en une seule ligne. Choisissez 2 espaces, 4 espaces ou des tabulations. Les blocs de code à l'intérieur de <pre>, <script>, <style> et <textarea> restent intouchés pour que rien ne casse. Comparez la taille d'entrée et de sortie pour voir combien vous avez économisé.
Votre HTML est traité dans votre navigateur et n'est envoyé à aucun serveur.
Comment utiliser ce formateur html
- Choisissez Formater (embellir) ou Minifier.
- Pour Formater, choisissez l'indentation : 2 espaces, 4 espaces ou tabulation.
- Collez votre HTML — la sortie apparaît en dessous avec une comparaison de taille.
- Copiez la sortie ou téléchargez-la en fichier .html.
Questions fréquentes
Le contenu de <pre>, <script> et <style> est-il préservé ?
Oui. Le contenu à l'intérieur de pre, script, style et textarea est traité comme du texte brut et n'est ni réindenté ni réduit, de sorte que les blocs de code restent inchangés.
Que supprime la minification ?
Tous les commentaires HTML et les espaces inutiles entre les balises. Un seul espace est conservé entre le texte et les balises en ligne afin que le rendu dans le navigateur reste inchangé.
Corrige-t-il le HTML invalide ?
Non. Le formateur respecte la structure fournie. Si votre HTML est invalide (balises non fermées, etc.), la sortie peut aussi être invalide — corrigez d'abord le balisage.
Pourquoi mon HTML formaté est-il différent de celui de Prettier ?
Chaque formateur a ses partis pris : où couper les longues listes d'attributs, si les crochets fermants passent à la ligne, comment traiter les éléments en ligne dans des éléments de bloc. Cet outil vise une lisibilité compacte ; Prettier préfère un retour à la ligne plus large à 80 caractères. Choisissez un formateur par projet et configurez-le une fois — les mélanger garantit des diffs Git bruyants.
Le formateur casse-t-il mes templates Vue / Svelte / JSX ?
Probablement oui. C'est un formateur HTML, pas un outil conscient des frameworks. Les balises <template> de Vue ressemblent à du HTML, mais le formateur réorganisera les attributs de directive (v-if, :class) d'une manière qui fera râler votre linter. JSX n'est pas du HTML du tout — utilisez Prettier ou le formateur officiel de votre framework pour les fichiers de composants. Cet outil est sûr pour les fichiers .html purs, les templates d'e-mail et le HTML exporté depuis un CMS.