Formattatore HTML

Informazioni sulla formattazione HTML

L'HTML è il markup che struttura ogni pagina web. La minificazione rimuove spazi, commenti e sintassi ridondante per ridurre il file in produzione; l'abbellimento lo reindenta così gli elementi annidati sono facili da leggere e modificare.

Gli spazi bianchi dentro <pre>, <textarea> e alcuni altri elementi sono significativi per come viene visualizzata la pagina, quindi un minificatore ingenuo che rimuove indiscriminatamente tutti gli spazi li romperebbe visibilmente. Questo strumento è consapevole degli spazi bianchi: comprime lo spazio insignificante tra i tag ordinari lasciando intatti gli elementi sensibili agli spazi. I normali <!-- commenti --> vengono rimossi, ma la vecchia sintassi dei commenti condizionali che alcuni siti datati usano ancora per Internet Explorer, come <!--[if IE]>...<![endif]-->, resta completamente intatta, perché non è un vero commento ma una direttiva scritta per caso con la sintassi dei commenti. Anche gli attributi booleani come checked="checked" vengono lasciati esattamente come scritti invece di essere accorciati alla loro forma nuda.

Dove lo incontrerai

• Ridurre il markup di una pagina prima di distribuirla in produzione
• Riformattare il markup restituito da un'API o da un rendering lato server per eseguirne il debug
• Pulire l'HTML copiato da un'esportazione CMS o da un altro sito
• Uniformare l'indentazione prima di rivedere un diff del markup

Domande frequenti

La minificazione cambia l'aspetto della mia pagina?
No. Vengono rimossi solo spazi, commenti e sintassi ridondante — il risultato visualizzato resta identico.

Questo minifica anche CSS e JavaScript incorporati?
Sì. Anche il CSS all'interno dei tag <style> e il JavaScript all'interno dei tag <script> vengono minificati, insieme al markup circostante.

Il mio HTML viene memorizzato?
No. La conversione avviene sul server solo per quella richiesta; in seguito non viene registrato né conservato nulla.

Cosa succede agli spazi bianchi dentro <pre> o <textarea>?
Vengono lasciati intatti. Quegli elementi visualizzano il loro contenuto esattamente come scritto, a capo e indentazione compresi, quindi comprimere gli spazi al loro interno cambierebbe davvero l'aspetto della pagina — a differenza degli spazi tra i tag ordinari, visivamente insignificanti e sicuri da rimuovere. Questo strumento rileva gli elementi sensibili agli spazi bianchi e li salta specificamente per evitarlo.