Formateur HTML
Formatez et embellissez le HTML, y compris les listes de classes Tailwind.
À propos de cet outil
Formate et embellit le HTML : chaque niveau imbriqué est indenté, les éléments courts restent sur une ligne et les blocs <pre>, <script> et <style> ne sont pas modifiés. L'outil ne répare pas un balisage invalide : un validateur reste indispensable.
Comment l’utiliser
Collez le balisage compacté, lancez le formatage, puis vérifiez que chaque balise ouvrante possède bien sa fermeture avant de reprendre le fichier dans votre éditeur.
Exemple
L'exemple fourni est une section hero compacte, sans retour à la ligne.
Entrée
<section class="hero"><h1>CSS to Tailwind</h1><p>Convert utilities in the browser.</p><a href="/">Open</a></section>Sortie
<section class="hero">
<h1>CSS to Tailwind</h1>
<p>Convert utilities in the browser.</p>
<a href="/">Open</a>
</section>Conseil
Une indentation qui part en escalier signale presque toujours une balise oubliée plus haut.
Bon à savoir
Un embellisseur HTML est-il différent d'un formateur HTML ?
Non. Les deux réindentent le balisage imbriqué : cette page couvre les deux recherches avec un seul outil.
Que laisse-t-il intact, et corrige-t-il le HTML invalide ?
Le contenu de <pre>, <textarea>, <script> et <style> est conservé tel quel. L'outil ne fait que réindenter : les balises non fermées ou mal imbriquées restent telles quelles, utilisez donc un validateur quand la structure compte.