Pourquoi certaines balises restent-elles sur la même ligne ?

Parce que les séparer changerait la page. ` a b ` s’affiche « ab » ; mettez un saut de ligne entre les deux et le navigateur affiche « a b ». Le blanc entre deux éléments en ligne est du contenu : le formateur indente donc autour des éléments de bloc et laisse les suites en ligne tranquilles. Le minifieur HTML de ce site applique la même règle en sens inverse.

Mon bloc ` ` est-il réindenté ?

Non. Dans un ` `, chaque espace et chaque retour à la ligne est affiché tel quel : y toucher réécrirait ce que voient vos visiteurs. Il en va de même pour ` `, dont le contenu est la valeur du champ, et pour ` ` et ` `, dont le contenu n’est pas du HTML.

Répare-t-il le HTML cassé ?

Non — c’est un formateur, ni un validateur ni un réparateur. ` x ` revient indenté avec le ` ` toujours ouvert : l’outil met en page ce qu’il lit plutôt que de deviner ce que vous vouliez dire. Un résultat bien rangé ne dit rien de la façon dont le document sera analysé.

Formateur HTML — relisez la source d’une page

Réindentez du HTML. Les éléments en ligne gardent leur ligne, car un retour entre eux est une espace à l’écran : la source se lit, la page ne bouge pas.

Instantané Privé Zéro cookie

Indentation

Entrée HTML

Sortie HTML

Ce que fait cet outil

Du HTML minifié ou mal indenté devient du HTML lisible.

<ul><li>a</li><li>b</li></ul>

<ul>
  <li>a</li>
  <li>b</li>
</ul>

Un niveau d’indentation par niveau d’imbrication, deux espaces par défaut et quatre si vous préférez. Les noms de balises, les attributs et leur ordre ne sont pas touchés : c’est une mise en page, pas une réécriture.

Un saut de ligne n’est pas gratuit

<p>Bonjour <b>le monde</b> encore</p>

Cela reste sur une ligne. En HTML, le blanc entre deux éléments en ligne fait partie du texte : coupez la ligne entre </b> et encore et vous avez ajouté une espace — visible au rendu, dans une sélection, dans un copier-coller. Le formateur indente donc autour des éléments de bloc (div, p, ul, table…) et laisse les suites de contenu en ligne intactes, si longues soient-elles.

C’est la règle qu’applique le minifieur HTML dans l’autre sens, et pour la même raison : rien de ce qui change la page rendue n’est du formatage.

Ce à quoi il ne touche jamais

<pre> et <textarea>. Leurs blancs sont affichés exactement tels qu’écrits — les réindenter réécrirait la page et la valeur du champ.
<script> et <style>. Leur contenu est du JavaScript et du CSS, pas du HTML ; les formateurs JavaScript et CSS de ce site sont là pour cela.
Vos attributs. Noms, valeurs, guillemets et ordre ressortent comme ils sont entrés, espaces à l’intérieur d’une valeur compris.

Ce n’est pas un validateur

<div><p>x</div>

<div>
  <p>x
</div>

Le <p> non fermé revient non fermé. Un formateur lit le document que vous lui donnez et le met en page ; deviner où une balise devait se refermer, ce serait réécrire votre balisage à l’intuition. Pour savoir si un document est bien formé, prenez un validateur — celui du W3C, ou les outils de développement de votre navigateur, qui montrent l’arbre réellement construit par l’analyseur.

Confidentiel par conception

Tout s’exécute localement dans votre navigateur en JavaScript. Vos données ne sont jamais envoyées sur un serveur, ce qui rend l’outil sûr pour des contenus sensibles, et il fonctionne hors ligne.

Questions fréquentes

Pourquoi certaines balises restent-elles sur la même ligne ?: Parce que les séparer changerait la page. `<span>a</span><span>b</span>` s’affiche « ab » ; mettez un saut de ligne entre les deux et le navigateur affiche « a b ». Le blanc entre deux éléments en ligne est du contenu : le formateur indente donc autour des éléments de bloc et laisse les suites en ligne tranquilles. Le minifieur HTML de ce site applique la même règle en sens inverse.
Mon bloc `<pre>` est-il réindenté ?: Non. Dans un `<pre>`, chaque espace et chaque retour à la ligne est affiché tel quel : y toucher réécrirait ce que voient vos visiteurs. Il en va de même pour `<textarea>`, dont le contenu est la valeur du champ, et pour `<script>` et `<style>`, dont le contenu n’est pas du HTML.
Répare-t-il le HTML cassé ?: Non — c’est un formateur, ni un validateur ni un réparateur. `<div><p>x</div>` revient indenté avec le `<p>` toujours ouvert : l’outil met en page ce qu’il lit plutôt que de deviner ce que vous vouliez dire. Un résultat bien rangé ne dit rien de la façon dont le document sera analysé.