Formater ou minifier HTML
Formateur et minificateur HTML en ligne gratuit qui s'exécute dans votre navigateur. Collez n'importe quel HTML et l'outil détecte s'il a besoin d'embellissement (entrée compacte d'une ligne → sortie indentée) ou de minification (entrée indentée → sortie d'une ligne), ou choisissez la direction manuellement. Indentez avec 2 espaces, 4 espaces ou tabs. Les éléments void (br, hr, img, input, meta, link) peuvent être auto-fermés style XHTML ou laissés nus style HTML5. Les espaces à l'intérieur de <pre>, <script> et <style> sont préservés verbatim — jamais touchés. Les commentaires peuvent être optionnellement supprimés dans les deux directions.
Comment utiliser
La direction est auto-détectée par défaut.
2 espaces est le standard pour la plupart des guides de style frontend.
Version embellie ou minifiée apparaît à droite.
Presse-papiers en un clic ou enregistrer en .html.
Embellissez ou minifiez HTML dans le navigateur — préserve le contenu de <pre>, <script>, <style> verbatim
Fonctionnalités
Utilisations typiques
- Embellir un fichier HTML minifié copié-collé pour inspecter sa structure.
- Minifier un template HTML d'email avant le déploiement — économise des octets à chaque envoi.
- Convertir des éléments void HTML5 en auto-fermeture XHTML pour un pipeline strict XML.
- Retirer les commentaires de développeur d'un build HTML de production.
- Réindenter un template édité à la main pour correspondre aux conventions d'équipe.
Pourquoi celui-ci
De nombreux formateurs en ligne abîment le contenu de <pre> ou <script> — copiez un extrait de code à travers l'un d'eux et votre indentation est foutue. Celui-ci reconnaît les éléments de texte brut (script, style, pre, textarea) et laisse leur contenu intact octet par octet. Tout le reste obtient une indentation propre par bloc. Sans inscription, sans quota par fichier.
Questions fréquentes
Qu'est-ce qu'un "élément void" ?
Un élément HTML sans balise de fermeture et sans contenu — br, hr, img, input, meta, link, source, track, area, base, col, embed, param, wbr. En HTML5, ceux-ci peuvent être écrits comme <br> (préféré) ou <br /> (XHTML legacy). Choisissez ce que votre linter attend.
Modifie-t-il le contenu dans <script> ou <style> ?
Non. Tout dans <script>, <style>, <pre> et <textarea> est préservé byte par byte. La gestion des espaces autour de ces balises suit les règles d'éléments de texte brut HTML5.
Pourquoi ma sortie minifiée a-t-elle encore des espaces ?
La minification effondre les espaces entre balises mais préserve au moins un espace là où c'est sémantiquement significatif (entre éléments inline comme <span> ou <a>) — les supprimer modifie visiblement le rendu de la page. Pour un stripping agressif, utilisez un minificateur de build comme html-minifier-terser ou htmlnano où vous pouvez régler le compromis.
Cela va-t-il réparer les balises non fermées ?
Non — l'outil est purement un formateur. Si vous avez des <div>s non fermés, la sortie reflétera la structure (cassée). Utilisez un validateur comme le W3C Nu Validator pour le lint structurel.
Gère-t-il la syntaxe de templating comme @{{ ... }} ou {% %} ?
Il essaie de laisser la plupart des tokens de templating intacts, mais Blade ({{ }}), Twig ({% %}), Vue ({{ }}), etc. peuvent encore avoir un espacement bizarre. Pour des templates avec interpolation lourde, formatez le HTML rendu ou utilisez un outil conscient du templating.
Mobile ?
Oui — entrée et sortie s'empilent sur les écrans étroits.
Nous le pouvons — et c'est gratuit ! Envoyez-nous simplement un message rapide avec votre idée. Si vous voulez en discuter en détail, laissez votre e-mail et nous reviendrons vers vous. Vous pouvez rester anonyme.
