Abbellisce l'HTML con indentazione consapevole dei blocchi, oppure minificalo. Il contenuto di pre, textarea, script e style viene preservato.
Come usare Formattatore HTML
Incolla il tuo HTML nella casella di input.
Scegli Abbellisci per indentarlo o Minifica per comprimerlo.
Scegli la dimensione del rientro, poi copia il risultato.
Questo è un formattatore HTML che abbellisce il markup con un'indentazione consapevole degli elementi di blocco e in linea, o lo comprime riducendo gli spazi bianchi ed eliminando i commenti. Scegli la dimensione dell'indentazione per l'abbellimento.
L'abbellimento indenta gli elementi in base a come si annidano, così la struttura di un documento, quali elementi contengono quali, diventa evidente. Questo rende l'HTML scritto a mano o generato molto più facile da leggere e correggere.
Sia l'abbellimento sia la compressione vengono eseguiti interamente nel tuo browser, quindi il tuo markup non lascia mai il tuo dispositivo.
Lascia deliberatamente intatto il contenuto di pre, textarea, script e style, perché gli spazi bianchi dentro questi elementi sono significativi: riformattarli cambierebbe il testo preformattato, ciò che gli utenti digitano, o il significato del tuo codice.
La compressione rimuove i commenti e riduce le sequenze di spazi bianchi, il che alleggerisce la dimensione del file che i browser devono scaricare. È più utile come passaggio di build per le pagine di produzione.
Il compressore mantiene un singolo spazio tra i tag anziché rimuoverlo del tutto, perché lo spazio bianco tra elementi in linea viene effettivamente reso, e eliminarlo può spostare il tuo layout. Questa cautela evita i sottili bug visivi che i compressori aggressivi possono causare.
Domande frequenti
Indenta gli elementi in base al loro annidamento e struttura, lasciando intatti i contenuti di pre, textarea, script e style, dato che lì gli spazi sono significativi.
Rimuove i commenti e comprime le sequenze di spazi in un singolo spazio. Mantiene singoli spazi tra i tag invece di rimuoverli, perché lo spazio tra gli elementi in linea viene renderizzato e toglierlo può spostare il layout.
No. Sia l'abbellimento sia la minimizzazione vengono eseguiti interamente nel tuo browser, quindi il tuo markup non lascia mai il tuo dispositivo.
È progettata per non farlo. Mantenendo singoli spazi tra gli elementi in linea, evita gli spostamenti di layout che possono accadere quando lo spazio tra i tag viene rimosso in modo troppo aggressivo.
No. Formatta e minimizza il markup ma non lo verifica rispetto alla specifica HTML, quindi lo riformatterà anche se un tag è aperto o usato in modo errato.
Incorpora questo strumento
Aggiungi questo strumento al tuo sito web. Copia lo snippet qui sotto; si aggiorna automaticamente.
<iframe src="https://monu.tools/embed/it/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Strumenti correlati
Abbellisce e formatta JavaScript con indentazione e spaziatura coerenti. Funziona interamente nel tuo browser.
Converti CSV in un file Excel .xlsx e Excel in CSV, interamente nel tuo browser. Funziona in entrambe le direzioni.
Genera interfacce TypeScript da un campione JSON, con tipi annidati, array e campi opzionali. Funziona nel browser.
Converti JSON in XML e XML in JSON, in entrambe le direzioni, interamente nel browser.