Aller au contenu principal
Tooletto

Embellisseur HTML

Un préréglage de Formateur HTML

Convertissez du HTML minifié ou mal indenté en quelque chose de lisible. Collez une seule ligne compressée et obtenez un balisage correctement imbriqué avec une indentation cohérente — y compris tout CSS et JavaScript intégré dans la page.

  • Les fichiers ne quittent jamais votre appareil
  • Gratuit, sans inscription
  • Aucun filigrane
  • Fonctionne hors ligne une fois chargé
Loading tool…

Comment utiliser Formateur HTML

  1. 1

    Collez votre HTML

    Minifié, mal indenté ou écrit à la main — tout fonctionne.

  2. 2

    Choisissez l'indentation

    2 espaces, 4 espaces ou tabulations.

  3. 3

    Copiez le résultat

    Ou téléchargez-le comme fichier .html.

Lire un balisage minifié envoyé par quelqu'un d'autre

Le HTML minifié — effondré en une ou quelques longues lignes par un outil de build — est entièrement optimisé pour la taille de transfert, pas pour la lecture humaine, ce qui devient un vrai obstacle au moment où vous devez inspecter la structure de page d'un concurrent, déboguer un problème de production en regardant le code source, ou comprendre comment un widget intégré tiers est réellement construit. L'embellir restaure l'imbrication qu'un lecteur humain doit suivre : chaque élément sur sa propre ligne, indenté pour refléter sa profondeur dans ses parents, ce qui est la représentation sur laquelle une personne raisonne réellement plutôt que la ligne unique et dense qu'un outil de build a optimisée pour le transfert par des machines.

Récupérer la structure d'une page que vous n'avez pas écrite

Inspecter une page construite par quelqu'un d'autre — la page d'atterrissage d'un concurrent, le balisage d'un widget intégré, un vieux projet sans code source accessible — est l'une des raisons les plus courantes de recourir spécifiquement à un embellisseur : les outils de développement du navigateur affichent le DOM rendu en direct, ce qui est utile à sa manière, tandis qu'embellir le code source HTML brut montre la structure de document réelle envoyée par le serveur, avec l'indentation restaurée, ce qui est une vue distincte et souvent plus utile pour comprendre comment une page a réellement été construite plutôt que comment elle a fini par se rendre.

Questions fréquentes

Formate-t-il le CSS et JavaScript à l'intérieur de la page ?

Oui. Le contenu à l'intérieur de `<style>` et `<script>` est transmis aux analyseurs CSS et JavaScript, donc une page complète en un seul fichier est correctement formatée plutôt que de laisser ces blocs intacts.

Le formatage changera-t-il le rendu de ma page ?

Presque jamais, mais pas complètement jamais : le HTML traite les espaces blancs comme significatifs dans `<pre>`, `<textarea>` et les éléments avec `white-space: pre`. Ceux-ci sont laissés exactement tels quels. Les éléments en ligne peuvent se décaler d'un espace dans des cas limites, donc le formateur est prudent avec eux.

Pourquoi mon HTML est-il rejeté ?

Généralement des balises réellement déséquilibrées, ou une syntaxe de template comme Handlebars, Jinja ou Blade qui n'est pas du HTML valide. Les navigateurs réparent silencieusement le balisage cassé ; un formateur doit comprendre la structure, donc il ne peut pas.

Mon balisage est-il téléversé quelque part ?

Non. L'analyseur fonctionne dans votre navigateur, donc les pages non publiées et le travail client restent sur votre machine.