Comment indenter du HTML désordonné ?

Collez votre HTML avec l'option Embellir sélectionnée, puis réglez l'indentation sur 2 espaces, 4 espaces ou Tabulations. La sortie se met à jour au fur et à mesure de la saisie, et vous pouvez la copier ou télécharger un fichier .html. Charger un exemple montre un échantillon.

Peut-il couper les longues lignes ou formater le CSS et le JavaScript en ligne ?

Oui. Le retour à la ligne propose Sans retour, 80 colonnes ou 120 colonnes, et l'option Formater les balises style et script formate également le CSS et le JavaScript à l'intérieur de ces blocs. Le contenu des balises pre et textarea est laissé tel quel.

Comment minifier du HTML pour la production ?

Sélectionnez Minifier. Les espaces entre les balises sont réduits et les commentaires sont supprimés sauf si vous cochez Garder les commentaires. Les cases à cocher facultatives sont Supprimer les guillemets facultatifs, Abréger les attributs booléens et la minification des balises style, script et des attributs de style intégrés.

La minification va-t-elle casser mes blocs pre ou mes scripts ?

Le contenu des balises pre, script, style et textarea est protégé lors de la réduction des espaces, et un espace est conservé entre les éléments en ligne adjacents pour que les mots ne fusionnent pas. La minification intégrée facultative ne s'applique que si vous la cochez.

Mon HTML est-il envoyé à un serveur ?

Non. Un tokeniseur intégré à la page traite le balisage dans votre navigateur, donc les modèles privés et le HTML des e-mails restent sur votre appareil. Aucune bibliothèque de formatage tierce n'est chargée.

Est-ce vraiment gratuit ?

Oui. Tous les outils sont gratuits, sans compte et sans carte bancaire. Le traitement se fait sur votre appareil plutôt que sur nos serveurs, et c'est ce qui permet de garder le service gratuit.

Fonctionne-t-il sur mobile ?

Oui. Il fonctionne dans les navigateurs mobiles récents sur iOS et Android, sans rien à installer.

🌐

Embellisseur et minifieur HTML — outil gratuit

Mettez en forme ou minifiez le HTML avec une indentation d'imbrication correcte. Préserve le contenu dans les blocs <pre>, <script>, <style>.

S'exécute dans votre navigateurSans inscription ni pop-upsAucune connexion requiseGratuit pour toujours

Fonctionne hors ligne une fois chargé

Indentation :

Retour à la ligne :

Formater <style> et <script>

Déposez un fichier ici ou cliquez pour parcourir

HTML, HTM · traité sur votre appareil

ou appuyez sur Ctrl+V pour coller depuis le presse-papiers

Parcourir les fichiers

Entrée HTML

HTML formaté

La sortie apparaîtra ici…

Utilisations courantes

Déboguer le HTML rendu côté serveurAffichez la sortie brute HTML de votre serveur (PHP, Rails, Django, Node) au format indentation lisible.
Formater les modèles d'email HTMLLe HTML d'email est verbeux (tableaux, styles en ligne). Formatez-le pour le rendre modifiable et maintenable.
Formater les pages HTML statiquesLes fichiers HTML statiques édités manuellement bénéficient d'une mise en forme cohérente pour l'édition collaborative.
Nettoyer le HTML exporté du CMSWordPress, Wix, Squarespace exportent du HTML avec beaucoup d'artefacts. Formatez-le pour le rendre modifiable.
Minifier le HTML pour la productionRéduisez la taille du fichier HTML pour un chargement de page plus rapide en supprimant l'espace blanc et les caractères inutiles.

Comment ça marche

Cet outil met en forme ou compresse le HTML avec un tokeniseur conscient des balises écrit à la main intégré directement dans la page — sans bibliothèque de mise en forme tierce, sans aller-retour serveur. Chaque caractère de votre balisage est traité localement dans le navigateur dès que vous le tapez ou le collez.

1
Le tokeniseur analyse le balisage
Un scanner personnalisé caractère par caractère parcourt la chaîne HTML, identifiant les commentaires, les déclarations DOCTYPE, les balises ouvrantes, les balises fermantes, les éléments vides auto-fermants (br, img, input, etc.), et les nœuds de texte brut. Un auxiliaire dédié suit les valeurs d'attribut entre guillemets afin que des caractères comme > à l'intérieur d'un attribut (par exemple value="a>b") ne fassent jamais scinder une balise prématurément.
2
La profondeur d'indentation est suivie par balise
Pour le mode embellir, le tokeniseur maintient un compteur de profondeur. Les balises ouvrantes de niveau bloc augmentent la profondeur ; les balises fermantes la diminuent avant d'être écrites. Les éléments en ligne (span, a, strong, em, etc.) sont gardés sur la même ligne que leur contenu plutôt que poussés sur leur propre ligne indentée. Les balises comme pre, script, style et textarea ont leur contenu interne émis tel quel pour éviter de corrompre du code sensible aux espaces ou exécutable.
3
Le minifieur réduit les espaces en toute sécurité
En mode minifier, le contenu des blocs pre, script, style et textarea est remplacé par des sentinelles numérotées avant toute réduction d'espaces. Les commentaires HTML sont retirés, et les suites d'espaces entre les balises sont supprimées — sauf entre éléments en ligne adjacents, où un seul espace est préservé afin que les mots ne fusionnent pas. Les sentinelles sont ensuite restaurées à leur contenu d'origine.
4
Le résultat est affiché et optionnellement enregistré
Le résultat mis en forme ou minifié apparaît en direct dans le panneau de sortie avec un pourcentage de changement de taille. Vous pouvez le copier dans le presse-papiers ou le télécharger en fichier .html, le tout sans quitter le navigateur.