Formateur et minifieur HTML en ligne
Rangez votre HTML en balisage net et indenté, ou allégez-le pour votre site en ligne.
Collez du HTML, ouvrez un fichier .html ou déposez-le ici
Suivant : Formateur et minifieur CSS · Formateur et minifieur JavaScript
Signaler un problème avec cet outil
Comment utiliser Formateur HTML
Collez votre HTML
Collez une page ou un extrait, ou ouvrez ou déposez un fichier .html. Il est mis en forme pendant la saisie.
Embellissez ou minifiez
Embellir indente chaque balise avec 2 ou 4 espaces ou une tabulation. Minifier supprime les commentaires et les espaces invisibles.
Copiez ou téléchargez
Copiez le résultat, ou téléchargez-le en fichier .html. En minifiant, vous voyez combien d’octets vous avez gagnés.
Pourquoi utiliser Utils365
Une minification sûre
Le contenu de <pre>, <textarea>, <script> et <style> n’est jamais modifié, et une espace est conservée entre les balises inline : la page reste identique.
Un balisage lisible
Les balises imbriquées reçoivent un niveau d’indentation chacune : une page écrasée sur une ligne devient facile à lire et à modifier.
Le gain affiché
La taille avant et après, et le pourcentage gagné, s’affichent dès que vous minifiez.
Confidentialité garantie
Votre HTML est mis en forme dans votre navigateur et n’est jamais envoyé : pages et modèles non publiés restent chez vous.
Foire aux questions
Que supprime un minifieur HTML ?
Les commentaires, les retours à la ligne, l’indentation et les espaces entre balises que les navigateurs n’affichent pas. Les anciens commentaires conditionnels d’Internet Explorer sont conservés, car ils ont encore un effet.
La minification change-t-elle l’apparence de ma page ?
Elle ne devrait pas. Les espaces à côté des éléments de bloc comme <div> et <p> ne s’affichent jamais, donc ils disparaissent. Entre éléments inline comme les liens et les boutons, une espace est conservée, car elle y est visible.
Mes scripts et styles sont-ils modifiés ?
Non. Le contenu de <script> et <style> reste exactement tel qu’écrit. Pour les alléger aussi, passez-les dans les formateurs JavaScript et CSS.
Pourquoi <pre> n’est-il pas touché ?
Dans <pre> et <textarea>, chaque espace et chaque retour à la ligne s’affiche sur la page : en supprimer changerait ce que voient les visiteurs.
Le formateur corrige-t-il le HTML cassé ?
Non. Il ne change que la mise en page, pas vos balises. Une balise fermante manquante reste manquante : vérifiez l’indentation, car une balise jamais fermée décale tout ce qui suit d’un niveau.