Pourquoi le contenu de et n'est-il pas réindenté ?

Les espaces dans et s'affichent exactement comme ils sont écrits, et modifier l'indentation dans ou pourrait altérer du code ou des chaînes. Ces blocs sont conservés à l'identique.

Formateur & Embellisseur HTML

Collez du HTML brut ou mal formaté à gauche et obtenez une version correctement indentée à droite. Idéal pour nettoyer du code HTML provenant de différentes sources et le rendre lisible instantanément.

Entrée

Sortie

Fonctionnalités

Indentation automatique des balises HTML

Indentation personnalisable

Conserver ou supprimer les commentaires

Coloration syntaxique

Comment Utiliser

1. Collez votre balisage HTML dans la zone de saisie à gauche.

2. Cliquez sur Formater pour l'embellir avec une indentation correcte.

3. Cliquez sur Minifier pour supprimer les espaces inutiles.

4. Copiez ou téléchargez le résultat à droite.

À propos de cet outil

Le HTML copié depuis un navigateur, un CMS ou un build minifié arrive souvent sur une seule ligne illisible. Ce formateur le réindente pour que chaque élément imbriqué soit un niveau plus bas que son parent, ce qui fait apparaître la structure, les balises fermantes manquantes et les éléments mal placés. Il reconnaît les éléments vides comme <br>, <img> et <input>, qui n'ont jamais de balise fermante, et laisse le contenu de <pre>, <textarea>, <script> et <style> exactement tel quel, car les espaces y ont un sens. Choisissez deux espaces, quatre espaces ou des tabulations, puis copiez ou téléchargez le résultat. La minification fait l'inverse : elle supprime les commentaires et réduit les espaces entre les balises pour alléger la page en production.

Questions Fréquentes

Le formatage va-t-il changer l'apparence de ma page ?

Dans la plupart des cas, non. Les espaces entre éléments de bloc sont ignorés par les navigateurs. Entre éléments en ligne, comme deux liens ou spans côte à côte, ajouter ou retirer un saut de ligne peut modifier l'espacement d'une espace : vérifiez le balisage riche en éléments en ligne après formatage.

Pourquoi le contenu de <pre> et <script> n'est-il pas réindenté ?

Les espaces dans <pre> et <textarea> s'affichent exactement comme ils sont écrits, et modifier l'indentation dans <script> ou <style> pourrait altérer du code ou des chaînes. Ces blocs sont conservés à l'identique.

Le formateur corrige-t-il le HTML invalide ?

Il ne répare ni ne valide le balisage. Il indente ce qu'il reçoit, ce qui rend souvent visibles des problèmes comme des balises non fermées. Utilisez le validateur du W3C pour vérifier la conformité.

Que supprime la minification ?

Elle supprime les commentaires HTML et les espaces inutiles entre les balises. Le contenu qui dépend des espaces, comme le texte dans <pre>, est conservé. Pour un site en production, la compression serveur gzip ou Brotli fait gagner davantage que la seule minification.

Puis-je formater du Vue, de l'Angular ou une syntaxe de gabarit ?

Les expressions de gabarit comme {{ name }} sont conservées comme texte, et les balises de composants sont indentées comme des éléments ordinaires. Les directives complexes contenant des chevrons dans les valeurs d'attribut peuvent dérouter un formateur HTML simple : relisez le résultat.