Formateur HTML
Formatez des fragments HTML avec ce formateur HTML. Collez du balisage et l’outil place les éléments de bloc tels que div, section, p, ul et table sur leurs propres lignes, avec une indentation de deux espaces ; il réduit les espaces superflus dans le contenu en ligne, formate les éléments CSS et JavaScript en ligne, et laisse intacts les contenus de pre et textarea. Idéal pour les développeurs Web et les designers qui veulent mettre au propre du balisage collé, généré ou minifié afin de le lire et de le réviser.
Foire aux questions
Comment le formateur HTML détermine-t-il où couper les lignes ?
Un élément qui contient des enfants de niveau bloc, tels que div, section, article, header, footer, nav, main, form, p, h1 à h6, ul, ol, table ou blockquote, est développé afin que chaque enfant occupe sa propre ligne, avec une indentation de deux espaces. Les éléments sans enfant de niveau bloc restent sur une seule ligne.
Pourquoi mon document HTML complet est-il renvoyé sur une seule ligne ?
Dans les règles du formateur, les éléments html, head et body ne sont pas considérés comme des balises de niveau bloc ; un document qui les contient reste donc en ligne, à l’exception du doctype. Collez le contenu situé dans body, ou le fragment sur lequel vous travaillez, pour qu’il soit développé.
Que deviennent les espaces ?
Dans le contenu en ligne, les suites d’espaces, de tabulations et de sauts de ligne sont réduites à un seul espace, comme dans le rendu des navigateurs. Les espaces dans les éléments pre et textarea sont conservés à l’identique.
Les scripts et styles en ligne sont-ils formatés ?
Oui, les blocs style sont formatés en CSS et les blocs script en JavaScript, ou en JSON pour les types JSON et JSON-LD. Les scripts d’autres types, tels que les modèles de texte, sont conservés à l’identique.
Comment les éléments vides sont-ils écrits ?
Les balises autofermantes telles que <br/> sont écrites avec une espace avant la barre oblique, comme <br />. Les éléments vides écrits sans barre oblique, tels que <img src="a.png">, conservent leur forme d’origine.
Les attributs sont-ils modifiés ?
Non, les attributs, leurs guillemets et leur ordre sont conservés exactement tels qu’ils sont écrits. Seuls les espaces entre les éléments sont réorganisés.
Les commentaires sont-ils préservés ?
Oui, les commentaires HTML et le doctype sont conservés et placés sur leurs propres lignes. Leur contenu est recopié à l’identique, y compris le balisage commenté.
Le formateur corrige-t-il les éléments HTML invalides ?
Non, il ne valide ni ne répare le balisage. Les balises non fermées sont formatées du mieux possible ; lancez un validateur pour détecter les erreurs de structure.
Pourquoi le résultat est-il encadré par des clôtures de code html ?
Le résultat est renvoyé dans un bloc de code Markdown marqué html, qui s’affiche avec la coloration syntaxique dans Markdown. Copiez les lignes entre les clôtures pour les coller dans un fichier .html.
Quelle quantité de HTML puis-je formater ?
Jusqu’à 5 MB par exécution ; les entrées plus volumineuses sont rejetées avec un message. Le résultat est identique à celui de l’option HTML du formateur de code.