Format HTML

Un formateur HTML réécrit le balisage HTML avec une indentation propre et cohérente afin que la structure du document soit facile à lire Coller une page minifiée, un extrait copié d'un outil de construction ou un balisage manuscrit avec des onglets et des espaces incompatibles, et le formateur analyse l'arborescence des balises et l'imprime avec un niveau d'indentation par profondeur d'imbrication. L'opération inverse, minifiant, supprime l'espacement insignifiant entre les balises pour réduire le fichier à produire sans modifier la façon dont le navigateur le restitue.

Le HTML brut arrive rarement dans un état que vous pouvez scanner Les modèles de serveur l'émettent sur une seule ligne, les regroupeurs l'effondrent et les fragments collés portent n'importe quel espacement de la source utilisée. L'embellissement expose l'imbrication afin que vous puissiez trouver l'élément dont vous avez besoin, repérer une balise qui n'a jamais été fermée ou diff deux versions proprement Cela compte surtout lorsque vous déboguez une mise en page, que vous auditez le balisage pour l'accessibilité ou que vous lisez le contenu de quelqu'un d'autre pour la première fois Un formateur transforme un mur de crochets angulaires en un contour que vous pouvez suivre.

Un exemple travaillé montre ce que ce formateur HTML gratuit fait avec une entrée bâclée Coller <ul>PH1__One<li>Two</ul><p>Hi <b>there</b>, conserver Beautify et 2 espaces sélectionnés, et cliquer sur Format. Le formateur HTML en ligne ferme à la fois les éléments de la liste et le paragraphe, met chaque li sur sa propre ligne en retrait, et conserve <p>Hi <b>there</b><li>0____ sur une ligne car il est court dans le format de liste de lecture automatique.

Cet outil fonctionne à 100 % dans votre navigateur avec un analyseur sans dépendance, donc rien de ce que vous collez n'est téléchargé ou enregistré, et il continue de fonctionner hors ligne une fois la page chargée L'analyseur est délibérément tolérant : il applique les mêmes règles de fermeture implicite qu'un navigateur utilise pour les balises comme li, p, td et option, donc le balisage du monde réel avec les balises de fin omises se formate toujours correctement. Le contenu à l'intérieur du script, du style, de la pré, de la zone de texte et du titre est copié textuellement, ce qui signifie que votre JavaScript, CSS et votre texte préformaté ne sont jamais réindentés ou cassés.