Formateur HTML
Transformez une longue ligne de HTML en balisage bien indenté, facile à lire et à modifier.
Formater du HTML en ligne
Le HTML qui sort d'un éditeur d'e-mails, d'un export de CMS, d'un constructeur de pages ou d'un site de production minifié tient généralement sur une seule ligne gigantesque. Y retrouver une div est un calvaire. Cette page est le formateur de code réglé sur HTML : collez le balisage, et chaque élément est placé sur sa propre ligne et indenté selon sa profondeur d'imbrication.
Le formatage est assuré par js-beautify, un formateur open source très répandu, qui tourne dans l'onglet de votre navigateur. Rien n'est envoyé.
Ce que fait le formateur
- Les éléments de bloc comme div, section, ul et li commencent chacun une nouvelle ligne, indentée sous leur parent.
- Les éléments en ligne comme a, b, span et em restent dans la ligne de texte à laquelle ils appartiennent.
- Les attributs sont conservés exactement tels qu'écrits, dans le même ordre.
- Les lignes vides ajoutées volontairement sont conservées, jusqu'à deux d'affilée.
Quand formater, quand minifier
Formatez quand une personne doit lire ou modifier le fichier. Minifiez quand un navigateur doit le télécharger : retirer commentaires et indentation fait généralement gagner 10 à 20 % sur une page HTML avant gzip. Pour la plupart des sites, le gain le plus important vient de la compression côté serveur, mais la minification reste utile pour les modèles intégrés dans des e-mails ou d'autres pages.
Outils associés
Pour la feuille de style qui accompagne la page, utilisez le minificateur CSS ; pour les scripts, l'embellisseur JavaScript. Pour comparer le balisage avant et après une modification, utilisez le comparateur de textes.