Beautifier HTML en ligne — Beautifier HTML

Beautifiez du HTML instantanément. Formatez le markup avec une indentation cohérente. Traitement dans le navigateur.

Chargement…

Beautification HTML

Beautifiez du HTML en ligne. Formatez le markup avec une indentation cohérente.

Fonctionnalités

Formatez le markup HTML avec une indentation cohérente sans modifier le rendu dans le navigateur.

Beautifier HTML

Formatez le markup HTML avec une indentation cohérente sans modifier le rendu dans le navigateur.

Exemple de base

HTML d'entrée

<!DOCTYPE html>
<html>
  <head>
    <title>Ma Page</title>
  </head>
  <body>
    <h1>Bonjour le monde</h1>
    <p>Ceci est un paragraphe.</p>
  </body>
</html>

HTML minifié

<!DOCTYPE html><html><head><title>Ma Page</title></head><body><h1>Bonjour le monde</h1><p>Ceci est un paragraphe.</p></body></html>

Options de minification

Supprimer les commentaires

Supprime tous les commentaires HTML du code

Comparaison avec/sans l'option :

Code original

<div>
  <!-- This is a comment -->
  <p>Content</p>
  <!-- Another comment -->
</div>

Avec removeComments: true

<div><p>Content</p></div>

Avec removeComments: false

<div><!-- This is a comment --><p>Content</p><!-- Another comment --></div>

Réduire les espaces

Réduit plusieurs caractères d'espacement en espaces simples

Comparaison avec/sans l'option :

Code original

<div>
    <p>   Multiple   spaces   </p>
    <span>  Text  </span>
</div>

Avec collapseWhitespace: true

<div><p> Multiple spaces </p><span> Text </span></div>

Avec collapseWhitespace: false

<div><p>   Multiple   spaces   </p><span>  Text  </span></div>

Comment déminifier du HTML en ligne

La déminification HTML restaure un formatage lisible aux documents HTML compressés. Collez n'importe quel HTML minifié dans notre outil et cliquez sur Déminifier pour ajouter l'indentation, organiser les éléments imbriqués et formater les attributs. Utile pour déboguer des sites en production, inspecter des templates minifiés ou relire du HTML généré par des CMS.

Minification HTML — Ce qui est supprimé

La minification HTML supprime les espaces inutiles entre les balises, les commentaires HTML, les balises de fermeture optionnelles, les attributs redondants et les valeurs d'attributs vides. Elle préserve tout le contenu, les styles inline, les scripts et la structure. Votre page s'affichera à l'identique dans tous les navigateurs après minification. Ce n’est pas un équivalent à l’échappement des contenus utilisateur dans le markup : pour tester des entités sur un extrait, utilisez l’outil entités HTML.