Formateur et minificateur HTML
Embellissez du HTML désordonné ou minifiez-le pour la production
À propos de cet outil
Embellissez du HTML sorti d’un bundler, d’un scraper ou d’un éditeur WYSIWYG : les éléments sont indentés à la largeur choisie, les attributs restent sur leur ligne, et le contenu des pre/textarea est laissé intact octet pour octet. Le mode minification supprime les commentaires et replie les espaces entre balises — typiquement 10–25 % de gain sur des pages écrites à la main.
La minification est ici délibérément prudente : les scripts et styles en ligne sont protégés, les commentaires conditionnels survivent, et les espaces simples entre éléments en ligne sont préservés, pour que « cliquez <a>ici</a> maintenant » ne fusionne pas en « cliquezicimaintenant ». Vous obtenez une minification sûre, pas la plus agressive possible.
Les deux opérations s’exécutent localement dans votre navigateur — pages non publiées et balisage d’admin interne ne quittent jamais votre machine.
Questions fréquentes
- La minification cassera-t-elle mon JavaScript ou mon CSS en ligne ?
- Non — les blocs <script>, <style>, <pre> et <textarea> sont entièrement exclus du repli des espaces. Seul le balisage entre balises est touché. Pour compresser les scripts eux-mêmes, passez-les séparément par le minificateur JavaScript.
- Pourquoi les espaces entre balises peuvent-ils être supprimés sans risque ?
- Le plus souvent, ils le peuvent : entre éléments de bloc, les espaces n’ont aucun effet visuel. Entre éléments en ligne, si — c’est pourquoi le minificateur replie les suites d’espaces en une espace simple au lieu de les supprimer. Les mises en page qui reposent sur les hacks d’espaces inline-block sont la rare exception à surveiller.
- Le formateur corrige-t-il le HTML invalide ?
- Il formate ce que vous lui donnez sans valider contre la spécification HTML — les balises non fermées restent non fermées. Les navigateurs sont indulgents avec la soupe de balises, et le formatage aide déjà à voir la structure assez bien pour repérer le problème.
- Quelle largeur d’indentation utiliser ?
- 2 espaces est la convention dominante des bases de code web et le défaut de la plupart des guides de style de frameworks. Prenez 4 si votre équipe l’a standardisé — le choix est purement cosmétique.