jsonecho

Formateur HTML

Indentez du HTML en désordre ou minifié pour que la structure soit claire.

Chargement de l'outil...

Comment utiliser Formateur HTML

  1. Collez votre HTML.
  2. Choisissez l'indentation.
  3. Copiez le résultat formaté.

À propos de Formateur HTML

Copier le HTML d'une page depuis les outils de développement ou depuis un modèle d'e-mail a tendance à vous donner une ligne interminable. Le formateur met les éléments de bloc sur leurs propres lignes et indente les enfants sous leurs parents. Les éléments en ligne comme <b> et <a> restent dans le flux du texte.

Le contenu dans <pre>, <textarea> et <code> n'est pas touché, car les espaces y comptent. Les styles et scripts intégrés sont aussi formatés.

Questions fréquentes

Le formatage change-t-il le rendu de la page ?

Généralement non. HTML traite la plupart des espaces comme un seul espace. À quelques endroits, comme entre des éléments en ligne, un saut de ligne peut ajouter un espace visible, donc vérifiez les pages qui y sont sensibles.

Corrigera-t-il mon HTML invalide ?

Non, il formate ce qu'on lui donne. Utilisez le Validateur HTML pour trouver les balises non fermées.

Formate-t-il le CSS et le JavaScript en ligne ?

Oui, les blocs style et script sont indentés avec le reste du document.

Et les modèles d'e-mail HTML ?

Ils fonctionnent, mais rappelez-vous que les clients de messagerie sont exigeants. Formatez une copie pour la lecture et gardez l'original pour l'envoi.

Plus dans Outils HTML

Tous les outils →