Formattare HTML

Come si calcola

Come formattare HTML

1. Incolla il codice nel campo: un documento intero o solo un frammento.
2. Sotto «Azione» scegli Formatta o Minifica e imposta l’indentazione se serve.
3. Copia il risultato nel tuo editor.

Che cosa fa la formattazione

• Gli elementi di blocco come div, ul o section stanno su righe proprie e il loro contenuto viene indentato.
• Il testo corrente e gli elementi inline (a, strong, span …) restano insieme su una riga e vanno a capo attorno ai 100 caratteri, così la resa non cambia.
• Il contenuto preformattato in pre e textarea viene conservato carattere per carattere, perché lì gli spazi sono visibili.
• Script e stili vengono indentati come blocco; il loro contenuto non viene riscritto.
• I tag di chiusura facoltativi, come quelli di li o td, vengono aggiunti nell’output.

Che cosa fa la minificazione

Le sequenze di spazi e a capo diventano un solo spazio e i commenti vengono eliminati (restano i commenti condizionali per i vecchi browser). Tra elementi di blocco lo spazio scompare; tra elementi inline ne resta uno, perché il browser lo mostra. Il CSS in style viene compattato, il JavaScript non viene toccato.

Limiti

Non è un parser HTML completo: il codice errato non viene riparato, ma mantenuto il più fedele possibile e segnalato. I modelli con sintassi lato server, come {% if %} o <?php ?>, possono avere un’indentazione insolita.

Domande frequenti

Fonti e riferimenti normativi

• WHATWG HTML Living Standard – Syntax: Void-Elemente, Raw-Text-Elemente (script, style), optionale End-Tags
• MDN – How whitespace is handled by HTML, CSS and in the DOM
• MDN – <pre>: the preformatted text element (whitespace is preserved)

Aggiornato al: 30 settembre 2026 · Principi editoriali