Formateur et embellisseur HTML

Formateur et embellisseur HTML en ligne

Collez un document HTML, un composant, un modèle d'e-mail, un extrait de code généré ou une réponse minifiée et choisissez Formater HTML pour embellir le balisage. Utilisez-le pour formater du HTML en ligne : une indentation et des sauts de ligne cohérents embellissent le code HTML et transforment une réponse minifiée en un joli HTML plus facile à examiner. Choisissez Minifier lorsque vous avez besoin d'une copie compacte tout en gardant intact le contenu brut à l'intérieur des éléments pre, textarea, script et style.

Comment formater ou embellir du HTML

1. Collez du code HTML valide, minifié, incomplet ou malformé dans le volet de saisie.
2. Choisissez les paramètres d'indentation, de retour à la ligne et de saut de ligne, puis sélectionnez Formater le HTML.
3. Consultez les éventuels avertissements, puis copiez, téléchargez ou prévisualisez le résultat dans la visionneuse HTML.

Un formateur qui fonctionne même avec du code HTML erroné

Il est courant d'avoir du code incomplet lors de l'édition : une balise de fermeture peut être manquante, l'imbrication peut être incorrecte, ou un guillemet d'attribut peut ne pas être fermé. Ce formateur de code HTML utilise un analyseur lexical tolérant pour reformater le code HTML et retourner le meilleur résultat possible au lieu de se bloquer sur le premier problème de syntaxe. Des avertissements vous indiquent lorsque la source semble malformée, mais la structure originale n'est pas réanalysée silencieusement par le navigateur.

Le formatage HTML n'est pas de la validation HTML

Un formateur modifie les espaces et l'indentation. Un validateur vérifie la conformité aux règles HTML, tandis qu'un analyseur de navigateur peut également déduire les éléments manquants et réparer l'arborescence d'un document. Ce formateur ne promet aucun de ces résultats : examinez les avertissements et testez le résultat dans une visionneuse HTML ou un navigateur avant de l'utiliser en production.

Prévisualisez le HTML formaté en toute sécurité dans la visionneuse HTML.

Traitement HTML privé et local

Votre saisie et le résultat formaté restent dans cet onglet du navigateur. Le formatage, la minification, la copie et la préparation du téléchargement s'exécutent localement, sans qu'aucun compte ou téléversement ne soit requis.

Quand un formateur HTML ne suffit plus

Utilisez ce formateur pour embellir le HTML d'un extrait de code, d'une réponse générée ou pour un nettoyage rapide. Passez à Phoenix Code lorsque le travail s'étend sur du HTML, CSS, JavaScript, des ressources et plusieurs fichiers, ou lorsque vous avez besoin de l'Aperçu en direct, de la recherche à l'échelle du projet, de Git et de l'intelligence de code dans un seul éditeur.

Foire aux questions

Ce formateur peut-il embellir du HTML invalide ou malformé ?

Oui, en mode 'best-effort'. Il peut indenter de nombreux extraits avec des balises de fermeture manquantes, des balises mal imbriquées ou des balises de fin optionnelles. Les jetons non terminés et non sûrs sont préservés tels quels avec un avertissement, afin que le formatage ne les réinterprète pas silencieusement.

Le formatage répare-t-il le HTML cassé ?

Non. Le formatage rend le code source plus facile à lire, mais il ne garantit pas la réparation de la syntaxe ou de la sémantique. L'outil évite de remplacer silencieusement votre source par un document reconstruit par le navigateur, afin que vous puissiez voir et corriger vous-même le balisage d'origine.

La minification du HTML modifie-t-elle le contenu de script, style, pre ou textarea ?

Le minifieur protège ces régions de contenu brut et ne supprime que les espaces de mise en forme superflus autour du reste du balisage. Testez toujours les modèles sensibles au comportement avant leur déploiement.

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

Non. Le formateur et le minifieur s'exécutent localement dans votre navigateur, et les téléchargements sont créés sur votre appareil.