Mes outils

HTML FORMATTER / PRETTIER · MINIFIER

Formateur HTML

Coller ou déposer HTML pour obtenir une indentation cohérente de Prettier, CSS intégré et JS inclus; basculer pour minifier pour supprimer les commentaires et l'espace blanc supplémentaire, puis copier ou télécharger.

Exécute localement · code n'est pas téléversé
Options

ÉTAPE PROCHAINE

Connectez des outils utiles au flux de travail de votre entreprise

Créer un compte d'entreprise pour configurer la surveillance du site Web, les courriels d'affaires et les notifications, et inviter votre équipe à travailler ensemble.

Les nouvelles entreprises reçoivent un essai Pro de 7 jours, sans carte requise. Les essais excluent la subvention de crédit mensuelle payée.

Vous avez déjà un compte ? Ouvrir votre espace de travail →

Comment l'utiliser

  1. Coller le code, déposer un fichier ou charger l'échantillon; la langue est prédéfinie pour cette page et peut être modifiée.
  2. Choisissez le format ou minifiez et ajustez le tiret, la largeur et d'autres options ; le résultat apparaît à droite lorsque vous tapez.
  3. Copiez ou téléchargez le résultat; sur une erreur, utilisez "Aller à l'erreur", corrigez-le et exécutez à nouveau.

Options de style de code

Conventions communes
OptionsRecommandation
Détenteur2 espaces (communs à l'avant) / 4 espaces / onglet
Largeur de la ligneEnveloppe à 80; 100 ou 120 pour les écrans larges
CitationsDouble (par défaut) ou simple
Semi-colonSur par défaut pour éviter les surprises ASI
Des virgules traînantesAjouté sur les listes multi-lignes pour les diffs plus propres

Langues et moteurs

Formatage utilise les mêmes moteurs open-source que les éditeurs populaires, de sorte que les résultats correspondent à Prettier dans VS Code et votre équipe peut garder un style. Chaque moteur charge à partir de ce site et fonctionne dans votre navigateur.

Langue
LangueFormatCompresseur
HTMLJuste 3✓ commentaires et espace blanc
XMLMoteur XunL XML✓
CSS / SCSS / MoinsJuste 3✓ Restructuration de la CSSO
JavaScript / TypeScriptHôtel 3 (Babel)✓ Terser (JavaScript seulement)
JSONJuste 3✓ les grands nombres gardent la précision
YAMLJuste 3— (observations tenues)
SQLsql-formater (14 dialectes)—

Foire aux questions

Le formatage changera-t-il l'apparence de la page?

Par défaut, l'espace blanc suit l'affichage CSS : les éléments de bloc peuvent briser les lignes tout en s'espaceant entre les éléments inline tels que span et b est préservé, de sorte que le rendu reste le même. "Strict" est le plus conservateur; "Ignorer" est le plus léger, mais peut changer l'espacement des lignes.

La minification HTML est-elle sûre?

Il est conservateur: les commentaires ordinaires sont supprimés (les commentaires conditionnels de l'IE restent), les séries d'effondrement de l'espace blanc dans un espace et sont supprimés seulement entre les balises de bloc; pré, textarea, script et le contenu de style est intact.

Mon code est-il téléversé ?

C'est pas vrai. Les moteurs télécharger à partir de ce site et fonctionner dans votre navigateur; votre code ne passe jamais à travers nos serveurs ou n'importe quel tiers, il est donc sûr pour le code interne et la configuration.

Quelle taille les fichiers peuvent-ils être ?

Jusqu'à 5 Mo par fichier; au-dessus de 300 Ko la page attend le bouton au lieu de formater que vous tapez, pour garder le navigateur réactif.

HTML guide pratique et questions communes

Que change le formatage HTML ?

L'analyseur HTML de Prettier 3 gère l'espace blanc par l'affichage CSS : les éléments de blocs peuvent casser des lignes tandis que les espaces entre les éléments en ligne sont conservés ; le code intérieur et le script est formaté par les moteurs CSS et JS.

C'est pour qui, et quand est-ce utile ?

Développeurs, marketeurs et constructeurs de site travaillant avec la source de page, les modèles de courriel et le code de description de produit, la lecture ou l'édition ou la minification avant la publication.

Comment puis-je formater HTML tout en préservant la sémantique source?

Coller ou déposer HTML pour obtenir une indentation cohérente de Prettier, CSS intégré et JS inclus; basculer pour minifier pour supprimer les commentaires et l'espace blanc supplémentaire, puis copier ou télécharger.

Que dois-je vérifier après avoir formaté HTML ?

HTML minification est conservateur et supprime l'espace blanc seulement entre les balises de bloc, laissant pré/textarea, script et le contenu de style intact; avec la syntaxe de modèle comme {{ }} ou <?php ?> mélangé dans, garder une sauvegarde et vérifier la page rendue.

Où le travail est-il effectué et quels services reçoivent les données?

HTML est formaté dans votre navigateur; les scripts collés ne sont jamais exécutés ou téléversés.