Beautifier HTML en ligne — Beautifier HTML

Beautifiez du HTML instantanément. Formatez le markup avec une indentation cohérente. Traitement dans le navigateur.

Chargement…
Beautification HTML
Beautifiez du HTML en ligne. Formatez le markup avec une indentation cohérente.

Fonctionnalités

Formatez le markup HTML avec une indentation cohérente sans modifier le rendu dans le navigateur.

Beautifier HTML

Formatez le markup HTML avec une indentation cohérente sans modifier le rendu dans le navigateur.

Exemple de base

HTML minifié

<!DOCTYPE html><html><head><title>Checkout Dashboard</title><meta charset="utf-8" /></head><body><header class="site-header"><h1>FastMinify Store</h1></header><main><section class="cart"><h2>Your cart</h2><p>3 items ready for checkout.</p></section></main></body></html>

HTML beautifié

<!DOCTYPE html> <html> <head> <title>Checkout Dashboard</title> <meta charset="utf-8" /> </head> <body> <header class="site-header"> <h1>FastMinify Store</h1> </header> <main> <section class="cart"> <h2>Your cart</h2> <p>3 items ready for checkout.</p> </section> </main> </body> </html>

Options de minification

Options de Beautify
Options d’indentation pour Beautify et Unminify (non utilisées par Minify)

Taille d’indentation

Nombre d’espaces (ou largeur de tabulation) lors du formatage HTML.

Type d’indentation

Utiliser des espaces ou des tabulations pour l’indentation HTML.

Comment déminifier du HTML en ligne

La déminification HTML restaure un formatage lisible aux documents HTML compressés. Collez n'importe quel HTML minifié dans notre outil et cliquez sur Déminifier pour ajouter l'indentation, organiser les éléments imbriqués et formater les attributs. Utile pour déboguer des sites en production, inspecter des templates minifiés ou relire du HTML généré par des CMS.

Minification HTML — Ce qui est supprimé

La minification HTML supprime les espaces inutiles entre les balises, les commentaires HTML, les balises de fermeture optionnelles, les attributs redondants et les valeurs d'attributs vides. Elle préserve tout le contenu, les styles inline, les scripts et la structure. Votre page s'affichera à l'identique dans tous les navigateurs après minification. Ce n’est pas un équivalent à l’échappement des contenus utilisateur dans le markup : pour tester des entités sur un extrait, utilisez l’outil entités HTML.

Questions fréquentes — Beautification

Tout savoir sur la beautification

À quoi sert le beautifier HTML ?

Il formate le markup avec une indentation cohérente sans modifier le rendu dans le navigateur.

Beautifier vs minifier ?

Beautifier pour la lisibilité ; Minifier HTML pour la production.

Convertisseurs, encodeurs, formateurs et minificateurs au même endroit ? Outils développeurs Ouvrez le catalogue des outils développeurs.

Autres actions pour cette langue