Come si usa
- Incolla il tuo HTML, apri un file
.htmlo parti dall'esempio: una pagina schiacciata su una sola riga. - Scegli 2 spazi, 4 spazi o tabulazioni. L'HTML formattato compare mentre scrivi.
- Copialo, scaricalo o premi Pubblica questa pagina per metterlo online.
Cosa cambia e cosa no
La formattazione aggiunge e toglie solo spazi tra i tag: ogni elemento di blocco inizia su una sua riga, indentato in base alla profondità. Il testo, gli attributi e il contenuto di <pre> e <textarea> restano come sono, quindi la pagina appare uguale prima e dopo. Le righe vuote lasciate tra le sezioni vengono mantenute (fino a due di fila), e anche il contenuto di <script> e <style> viene indentato.
Quando è utile
- Per leggere il sorgente di una pagina costruita da qualcun altro, o un template minificato.
- Per mettere in ordine l'HTML scritto da un assistente IA prima di modificarlo.
- Per rendere leggibile un diff: formatta prima entrambe le versioni allo stesso modo.
Domande frequenti
La formattazione cambia l'aspetto della mia pagina?
Non per gli elementi di blocco. Tra elementi inline, come due link affiancati, qualsiasi spazio appare come uno spazio solo, e il formattatore tiene sulla stessa riga gli elementi inline che erano uno accanto all'altro.
Corregge l'HTML rotto?
No: indenta ciò che c'è. Per vedere come lo legge un browser, aprilo nel Visualizzatore HTML.
Quale formattatore usa?
js-beautify, un formattatore open source molto diffuso, che gira nel tuo browser.
Il mio HTML viene caricato da qualche parte?
No. La formattazione avviene nel tuo browser. Viene inviato a Lobsite solo se premi Pubblica questa pagina.