FrançaisFR

Formater du HTML – formateur et beautifier HTML

Collez du HTML et cliquez sur « Formater le HTML » : il est remis en forme selon les règles de Prettier.

Vos textes et fichiers restent dans votre navigateur : rien n’est envoyé à un serveur.

Mode d’emploi

  1. Collez votre HTML et cliquez sur « Formater le HTML ». La première fois, le chargement du formateur peut prendre un instant.
  2. Réglez l’« Indentation » et la « Largeur de ligne ». Les lignes trop longues sont coupées en renvoyant les attributs ou le contenu à la ligne.
  3. Le réglage par défaut des espaces préserve ceux qui entourent les éléments en ligne, pour que la page garde le même aspect. « Ignorer les espaces » donne un code plus net, mais peut modifier l’espacement entre les mots.
  4. Si des balises ne correspondent pas, la ligne et la colonne du problème s’affichent. Pour un contrôle plus poussé de la structure, utilisez le validateur HTML.

Questions fréquentes

Selon quelles règles le code est-il formaté ?

L’outil exécute Prettier, le formateur open source très répandu (licence MIT), directement dans votre navigateur. Le résultat correspond pour l’essentiel à ce que Prettier produit dans votre éditeur.

Le formatage change-t-il l’apparence de la page ?

Avec le réglage par défaut, les espaces sont traités de façon à ce que la page affichée reste identique, d’où des retours à la ligne parfois placés à des endroits inattendus. « Ignorer les espaces » est plus lisible, mais peut changer l’espacement entre les éléments en ligne.

Mon code est-il envoyé à un serveur ?

Non. Le formateur lui-même est chargé dans votre navigateur, et tout est traité sur votre appareil.

Outils similaires

Validateur HTMLVérifier balises et structure HTMLFormateur JS/CSSFormater JS, TS, CSS, SCSS et LESSÉditeur HTMLHTML, CSS et JS en directFormateur XMLFormater, minifier et valider du XML

Tous les outils