Formattatore HTML - Formattare e Abbellire HTML Online
Formatta e abbellisci il codice HTML online con la corretta indentazione. Minifica anche l'HTML. Gratuito, funziona nel browser.
Input
Output
Cos'è un Formattatore HTML?
Un formattatore HTML (detto anche abbellitore HTML) prende HTML scarsamente indentato o minificato e produce una versione pulita e correttamente indentata. Aggiunge interruzioni di riga dopo ogni tag e indenta gli elementi annidati in modo che la struttura sia immediatamente leggibile.
Questo strumento ha due modalità: Formatta (abbellisci) e Minifica. Entrambe funzionano interamente nel browser; nessun dato viene inviato a un server.
Come usare questo strumento
Scegli modalità
Seleziona Formatta per abbellire l'HTML con la corretta indentazione, o Minifica per rimuovere spazi bianchi e commenti non necessari.
Incolla o carica HTML
Incolla il tuo HTML nell'editor di sinistra o usa Carica per caricare un file. Clicca su Esempio per provare un esempio.
Copia o scarica il risultato
Il pannello di destra si aggiorna automaticamente. Usa <strong>Copia</strong> o <strong>Scarica</strong> per salvare il risultato. Per escape dei caratteri speciali in HTML, prova lo strumento HTML Escape.
Esempio di Formattazione HTML
Ecco un frammento HTML compatto prima e dopo la formattazione:
HTML grezzo (non formattato)
Output formattato
Quando la Formattazione È Importante
L'HTML minificato o generato automaticamente può essere difficile da leggere. La formattazione aggiunge indentazione in modo da poter vedere rapidamente la struttura di annidamento degli elementi.
La modalità Minifica fa il contrario: rimuove spazi bianchi e commenti per ridurre la dimensione del file. Per un minificatore dedicato, vedi lo strumento HTML Minifier.
Domande frequenti
La formattazione cambia il rendering dell'HTML?
No. Gli spazi bianchi tra gli elementi di blocco non hanno effetto visivo nei browser. La formattazione influisce solo sulla leggibilità del codice sorgente.
I miei dati vengono inviati a un server?
No. Tutta l'elaborazione avviene nel browser.
Strumenti correlati
Vedere l'HTML Living Standard e la documentazione HTML MDN.