Mes outils

Formateur HTML

Transformez du HTML désordonné en indentation lisible — ou minifiez-le sur une ligne — entièrement dans votre navigateur.

Mode d’emploi

  1. Collez ou saisissez du HTML. Il est formaté (ou minifié) au fil de la frappe — aucun bouton à cliquer.
  2. Basculez entre Formater / Minifier ; choisissez 2 ou 4 espaces. Le réglage d’indentation est désactivé en mode Minifier.
  3. Les éléments de bloc sont indentés d’un niveau par profondeur, un par ligne. Le contenu en ligne (texte mêlé à <a> ou <b>) est conservé exactement tel qu’écrit.
  4. Les éléments vides (<br>, <img>, <input>…) n’ont pas besoin de balise fermante et sont préservés mot pour mot, y compris un éventuel />.
  5. Les éléments de texte brut (<script>, <style>, <textarea>, <title>, <pre>) sont copiés caractère par caractère ; rien à l’intérieur n’est analysé ni reformaté.

Exemple

Saisie

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Démo</title></head><body><div class="card"><h1>Bonjour</h1><p>Salut <b>tout le monde</b></p><ul><li>un</li><li>deux</li></ul></div><script>const x=1;</script></body></html>

Sortie

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Démo</title>
  </head>
  <body>
    <div class="card">
      <h1>Bonjour</h1>
      <p>Salut <b>tout le monde</b></p>
      <ul>
        <li>un</li>
        <li>deux</li>
      </ul>
    </div>
    <script>const x=1;</script>
  </body>
</html>

Le contenu en ligne et le contenu de <script>/<style> sont conservés mot pour mot ; <meta> est un élément vide, préservé tel qu’écrit.

Limites

  • Structure uniquement : appariement des balises, éléments vides, fermetures implicites courantes (li/td/tr/dt/dd/option/p/head) et imbrication. Pas de validation DTD/Schema.
  • Le JavaScript et le CSS intégrés ne sont pas formatés — le contenu de <script>/<style> est conservé tel quel. (Utilisez le formateur de code pour cela.)
  • Toutes les balises fermantes facultatives de HTML5 ne sont pas déduites ; une imbrication réellement mal formée est signalée avec ligne et colonne.
  • Le contenu en ligne/mixte n’est volontairement pas réindenté. Le contenu de <pre>/<textarea>/<title> est préservé mot pour mot.
  • Aucun envoi de fichier, aucun paramètre d’URL, aucun historique, aucun compte. La saisie ne quitte jamais votre navigateur.

D’autres formateurs et outils de texte de cette boîte à outils.

Formateur XML

Formateur de code

Minifier