Questo formatter punta su una struttura facile da leggere. Colloca gli elementi annidati alla profondità corretta e lascia visibili attributi, commenti, dichiarazioni e contenuto testuale. Non elimina i commenti e non comprime i byte, quindi non sostituisce un minificatore HTML. Il markup viene elaborato in locale e non viene caricato online.
Formattare HTML online gratis
Funziona interamente nel browser: nessun caricamento, nessuna registrazione.
HTML
HTML formattato
Incolla HTML da formattare
Come si formatta il codice HTML?
Formattare HTML online significa trasformare markup compatto o indentato male in codice leggibile e ordinato. Incolla un documento o un frammento, scegli due spazi, quattro spazi o tab e copia il risultato. Il formatter riconosce gli elementi vuoti HTML5, i tag finali facoltativi più comuni e il contenuto raw di script e style, tutto nel browser.
Come si usa
- 1Incolla l'HTML. Inserisci nell'editor un documento HTML completo, un template o un frammento, oppure carica l'esempio.
- 2Scegli l'indentazione. Seleziona due spazi, quattro spazi o tab. L'output formattato si aggiorna in tempo reale.
- 3Controlla la struttura. Guarda il numero di elementi, attributi e livelli, poi scorri il risultato indentato.
- 4Copia il risultato. Copia l'HTML formattato e incollalo nell'editor, nel CMS o nella code review.
A chi serve
- Sviluppatori frontend che ripuliscono un template compatto prima di cercare un errore di annidamento o rivedere un diff.
- Sviluppatori email che rendono più leggibile il markup esportato di una newsletter senza inviare a un server l'HTML privato della campagna.
- Redattori CMS che sistemano un componente o un frammento di pagina copiato prima di modificare classi, link o contenuti.
- Studenti che osservano la relazione tra elementi genitore e figlio in un vero documento HTML grazie a un'indentazione coerente.
Domande frequenti
Il formatter HTML è gratis?
Sì. Il formatter HTML è gratis, senza registrazione, download o limiti di utilizzo. Incolla un documento o un frammento HTML, scegli lo stile di indentazione e copia il risultato direttamente dal browser.
Il mio HTML viene caricato da qualche parte?
No. La formattazione avviene in locale nel browser. L'HTML incollato non viene inviato a un server, quindi puoi usarlo per template interni, landing page non pubblicate, markup email e snippet con URL o identificatori privati.
Quanto HTML posso formattare?
Non esiste un limite fisso lato server perché non viene caricato nulla. I documenti molto grandi dipendono dalla memoria del browser e del dispositivo, ma pagine, componenti, template email e frammenti di sorgente comuni vengono elaborati rapidamente.
Gestisce i tag senza chiusura?
Sì. Riconosce gli elementi vuoti HTML5 come img, br, input, meta e link, che non richiedono un tag di chiusura. Nel calcolo dell'indentazione gestisce anche i tag finali facoltativi per elementi di elenco, paragrafi, option, righe e celle di tabella.
Il contenuto di script e style viene modificato?
Il formatter tratta i corpi di script e style come testo raw. Operatori di confronto, selettori CSS e stringhe con segni minore non vengono scambiati per tag HTML. Regola l'indentazione del blocco, ma non riscrive JavaScript o CSS.
Questo strumento valida o ripara HTML non valido?
No. È un formatter, non un validatore di standard né un servizio di riparazione automatica. Segnala commenti, dichiarazioni, tag ed elementi raw text chiaramente non chiusi, ma accetta i tag finali facoltativi previsti da HTML. Per la conformità agli standard usa Nu HTML Checker.
Qual è la differenza tra formatter e minificatore HTML?
Un formatter aggiunge interruzioni di riga e indentazione per rendere il markup leggibile e modificabile. Un minificatore rimuove gli spazi facoltativi e può eliminare i commenti per ridurre i byte trasferiti. Questa pagina formatta soltanto HTML e conserva intenzionalmente commenti e contenuto visibile.