HTML Beautifier Gratuito
Questo HTML beautifier gratuito trasforma il markup minificato o disordinato in codice con un tag di blocco per riga e indentazione coerente, così puoi vedere come gli elementi sono annidati. I tag inline rimangono con il loro testo, gli elementi brevi restano su una riga, e il contenuto di pre, textarea, script e style è lasciato esattamente come scritto. È perfetto per sviluppatori e marketer che hanno bisogno di leggere o modificare il codice sorgente della pagina.
HTML Beautifier
Generators and Converters
Informazioni su questo strumento
Le pagine sono spesso consegnate come una singola riga lunga, oppure con markup indentato da diversi strumenti e persone. Leggerle è lento e gli errori si nascondono facilmente: un div non chiuso, un tag fuori posto o un titolo nel posto sbagliato. Indentare ogni livello rende l'annidamento visibile a colpo d'occhio.
Il beautifier divide il markup in tag, commenti e testo, quindi indenta in base alla profondità di ogni elemento di blocco. I tag inline come a, strong, em e span rimangono dentro il loro paragrafo, e gli elementi void come br, img, input e meta non aumentano la profondità. Puoi scegliere due spazi, quattro spazi o tabulazioni. Il testo dentro pre e textarea e il codice dentro script e style non vengono mai riformattati, perché lo spazio bianco aggiuntivo lì può cambiare quello che la pagina mostra o fa.
Formatta quello che dai in input e non ripara l'HTML non valido, quindi un tag non chiuso mostrerà un'indentazione che non torna mai indietro. Usalo prima di modificare un template, quando confronti due versioni di una pagina, o quando controlli l'HTML prodotto da un plugin. Nulla di quello che incolla viene archiviato.
Domande frequenti
La formattazione cambia l'aspetto della pagina?
Non dovrebbe. Lo strumento aggiunge solo interruzioni di riga e indentazione tra i tag di blocco, e il contenuto in pre, textarea, script e style rimane intatto. I browser comprimono lo spazio bianco tra la maggior parte degli elementi, quindi confronta la pagina prima e dopo se la spaziatura esatta è importante per te.
Può correggere HTML non valido?
No. Formatta i tag che trova e non aggiunge tag di chiusura mancanti o riordina gli elementi. L'annidamento non valido di solito si vede come indentazione che non torna a sinistra, il che ti aiuta a trovare il problema, ma devi comunque correggere il markup tu stesso.
Qual è la differenza tra formattazione e minificazione?
Sono opposte. Un beautifier aggiunge interruzioni di riga e indentazione così le persone possono leggere il codice. Un minifier le rimuove così il file è più piccolo da scaricare. Mantieni la versione formattata mentre lavori e pubblica una copia minificata.
Quale indentazione dovrei scegliere?
Usa quello che il tuo progetto usa già. Due spazi mantiene il markup profondo stretto, quattro spazi è comune in molte guide di stile, e le tabulazioni permettono a ogni persona di impostare la propria larghezza nel loro editor. La scelta non cambia il funzionamento della pagina.