FR

Formater du HTML

Cet outil permet de formater du HTML : collez le code source et récupérez-le proprement indenté ou minifié. Tout reste dans votre navigateur, rien n’est envoyé, et les blocs pre, les scripts et les valeurs d’attributs restent inchangés.

Source : WHATWG HTML Living Standard – Syntax: Void-Elemente, Raw-Text-Elemente (script, style), optionale End-Tags. Mise à jour : .

Collez un document entier ou un simple extrait (jusqu’à 500 000 caractères).

Votre texte reste dans votre navigateur : il n’est ni envoyé, ni enregistré, ni ajouté à l’adresse de la page.

Ma boîte à outilsVos saisies sont enregistrées uniquement dans ce navigateur.

Résultat

Résultat
<div class="carte"> <h2>Titre</h2> <p>Un <strong>court</strong> paragraphe avec un peu d’<em>emphase</em>.</p> <ul> <li>Un</li> <li>Deux</li> </ul> <hr> </div>
Taille
17 balises, 151 → 177 caractères.

Comment le calcul est fait

Formater du HTML : le principe

  1. Collez le code source dans le champ : un document entier ou seulement un extrait.
  2. Choisissez « Formater » ou « Minifier » sous « Action » et réglez l’indentation si besoin.
  3. Copiez le résultat dans votre éditeur.

Ce que fait la mise en forme

Ce que fait la minification

Les suites d’espaces et de retours à la ligne deviennent une seule espace et les commentaires disparaissent (les commentaires conditionnels pour les vieux navigateurs restent). Entre éléments de bloc, l’espace disparaît ; entre éléments en ligne, une espace reste car le navigateur l’affiche. Le CSS de style est compacté, le JavaScript n’est pas touché.

Limites

Ce n’est pas un analyseur HTML complet : un code erroné n’est pas réparé mais repris au plus près et signalé. Les modèles avec syntaxe serveur, comme {% if %} ou <?php ?>, peuvent donner une indentation inhabituelle.

Questions fréquentes

Comment formater du HTML en ligne ?

Collez le code, choisissez « Formater » et copiez le résultat indenté. Aucun compte n’est nécessaire.

Mon code HTML est-il envoyé sur un serveur ?

Non. Le traitement se fait entièrement dans votre navigateur ; le code n’est ni envoyé ni enregistré.

Comment formater du HTML dans VS Code ou Notepad++ ?

Dans VS Code, Maj+Alt+F ; dans Notepad++, un plugin de formatage. Cet outil est pratique quand aucun éditeur n’est sous la main.

La minification change-t-elle l’affichage de la page ?

En principe non : les espaces multiples sont de toute façon réduits à une seule par le navigateur. Les blocs pre font exception et restent intacts.

Puis-je aussi formater du CSS et du JavaScript ?

Les styles et scripts dans le HTML sont indentés mais pas réécrits. Pour du CSS seul, il existe le minifieur CSS, pour le JSON le formateur JSON.

Sources et références juridiques

Dernière mise à jour : · Principes éditoriaux

Outils similaires