Beautificateur HTML gratuit
Ce beautificateur HTML gratuit prend le balisage minifié ou désordonné et le retourne avec une balise de bloc par ligne et une indentation cohérente, afin que vous puissiez voir comment les éléments sont imbriqués. Les balises en ligne restent avec leur texte, les éléments courts restent sur une ligne, et le contenu des blocs pre, textarea, script et style est laissé exactement tel qu'écrit. Il convient aux développeurs et aux spécialistes du marketing qui ont besoin de lire ou de modifier le code source de la page.
HTML Beautifier
Generators and Converters
À propos de cet outil
Les pages sont souvent livrées sous forme d'une seule longue ligne, ou avec un balisage indenté par plusieurs outils et personnes différents. Lire cela est lent et les erreurs se cachent facilement : une div non fermée, une balise égarée ou un titre au mauvais endroit. Indenter chaque niveau rend l'imbrication visible en un coup d'œil.
Le beautificateur divise le balisage en balises, commentaires et texte, puis indente selon la profondeur de chaque élément de bloc. Les balises en ligne telles que a, strong, em et span restent à l'intérieur de leur paragraphe, et les éléments vides tels que br, img, input et meta n'augmentent pas la profondeur. Vous pouvez choisir deux espaces, quatre espaces ou des tabulations. Le texte à l'intérieur de pre et textarea et le code à l'intérieur de script et style ne sont jamais reformatés, car l'espace blanc supplémentaire là peut changer ce que la page affiche ou fait.
Il formate ce que vous lui donnez et ne répare pas le HTML cassé, donc une balise non fermée s'affichera comme une indentation qui ne revient jamais. Utilisez-le avant de modifier un modèle, lors de la comparaison de deux versions d'une page, ou lors de la vérification du HTML qu'un plugin a produit. Rien de ce que vous collez n'est stocké.
Questions fréquentes
L'embellissement change-t-il l'apparence de la page ?
Il ne devrait pas. L'outil ajoute uniquement des sauts de ligne et une indentation entre les balises de bloc, et le contenu dans pre, textarea, script et style n'est pas touché. Les navigateurs réduisent l'espace blanc entre la plupart des éléments, donc comparez la page avant et après si l'espacement exact est important pour vous.
Peut-il corriger le HTML invalide ?
Non. Il formate les balises qu'il trouve et n'ajoute pas de balises de fermeture manquantes ni ne réordonne les éléments. L'imbrication cassée s'affiche généralement comme une indentation qui ne revient pas à gauche, ce qui vous aide à trouver le problème, mais vous devez toujours corriger le balisage vous-même.
Quelle est la différence entre l'embellissement et la minification ?
Ce sont des opposés. Un beautificateur ajoute des sauts de ligne et une indentation pour que les gens puissent lire le code. Un minificateur les supprime pour que le fichier soit plus petit à télécharger. Conservez la version embellifiée pendant que vous travaillez et publiez une copie minifiée.
Quelle indentation dois-je choisir ?
Utilisez ce que votre projet utilise déjà. Deux espaces gardent le balisage profond étroit, quatre espaces sont courants dans de nombreux guides de style, et les tabulations permettent à chacun de définir sa propre largeur dans son éditeur. Le choix ne change pas le fonctionnement de la page.