Puffinmint
FR
Italiano English Español Français Deutsch Português (Brasil) 日本語 한국어 Polski Türkçe

Formateur HTML en ligne

Indentez les fragments HTML en préservant attributs, texte et blocs pre, script et style. Copiez le code et vérifiez les espaces.

Traitement dans le navigateur : aucune donnée envoyée.

Configurez vos données

Configurez vos données

Au plus 100 000 caractères et 10 000 jetons. HTML seulement, sans validation ni JSX ; les espaces entre blocs peuvent changer.

Résultat

Saisissez les données pour voir le résultat.

Nous comptons les outils les plus utilisés, sans inclure les valeurs saisies ni le contenu des fichiers dans les statistiques. Confidentialité

Mode d’emploi

Travaillez sur une copie HTML. Attributs et blocs pre, script, style, textarea et title sont préservés ; les espaces entre blocs sont ajustés. Le JSX n’est pas converti et le document n’est pas validé.

Données de l’exemple
Données saisiesRésultat
<div><p>A <strong>B</strong> C</p></div><div> <p>A <strong>B</strong> C</p> </div>

Méthode et limites

L’indentation ajoute ou remplace des espaces entre blocs. Vérifiez l’affichage avec CSS white-space. Le code n’est ni validé ni exécuté.

Exemple

Cas d’utilisation

Données saisies
<div><p>A <strong>B</strong> C</p></div>
Résultat
<div> <p>A <strong>B</strong> C</p> </div>

Dans une phrase avec un élément strong, les espaces autour de l’élément séparent les mots. Conservez-les. Le contenu de pre doit garder ses retours à la ligne et espaces initiaux, même si le conteneur est indenté.

Quelles sont les limites de cet outil ?

Au plus 100 000 caractères et 10 000 jetons. HTML seulement, sans validation ni JSX ; les espaces entre blocs peuvent changer.

Les données et résultats sont traités dans votre navigateur et ne sont pas envoyés au serveur. Si elles sont actives, les statistiques agrégées enregistrent seulement l’outil et l’issue du traitement, sans son contenu.

Sources

GUIDES PRATIQUES

Espaces et indentation HTML : les points à vérifier

Repérez les espaces qui peuvent changer une page et les contrôles utiles après le formatage d’un fragment HTML.

Suivre les étapes

Ces outils pourraient aussi vous servir

Tout voir

Entités HTML : encodeur et décodeur

Encodez les caractères HTML et décodez les références numériques et nommées. Le résultat reste du texte sans exécution HTML.

Minifier CSS et JavaScript

Minifiez votre code CSS ou JavaScript, comparez sa taille avant et après et copiez le résultat. Choisissez le langage pour réduire le poids du code.

Formater XML et vérifier la syntaxe

Rendez votre code XML lisible avec une indentation régulière et repérez les erreurs de syntaxe. Copiez ou téléchargez le résultat mis en forme.

Favoris