TanodTools
IT

Formattatore HTML

Incolla HTML disordinato o minificato e ottienilo indentato, con anche script e stili inline riordinati.

Funziona interamente nel tuo browser

Rientro
Contenuto

Input fino a circa 10 MB. Reindenta il markup senza mai rifiutarlo, quindi non ti dice se l'HTML non è valido.

Come formattare l'HTML

  1. Incolla il tuo HTML nella casella oppure premi Inserisci un esempio.
  2. Scegli il rientro, una lunghezza per l'a capo automatico se la vuoi e se formattare anche <script> e <style> inline.
  3. La versione ordinata compare sotto mentre scrivi. Copiala o scaricala come file .html.

Indentare l'HTML in modo sicuro

I browser comprimono la maggior parte degli spazi bianchi nell'HTML, quindi una pagina può essere scritta su una riga o distribuita su mille e apparire uguale. Template, output dei CMS e bundle minificati producono spesso un markup che nessuno riesce a leggere. Un formattatore mette gli elementi a blocco ciascuno sulla propria riga e indenta i figli sotto i genitori, così i tag non corrispondenti o fuori posto si vedono subito.

È nei dettagli che i formattatori sbagliano. Gli elementi vuoti come <br>, <img> e <input> non hanno mai un tag di chiusura, quindi non devono aumentare il rientro. Gli spazi dentro <pre> e <textarea> vengono mostrati così come sono scritti, quindi non si possono toccare. E gli elementi inline condividono la riga con le parole attorno, perché un a capo in quel punto aggiungerebbe uno spazio visibile.

Script e fogli di stile incorporati nella pagina sono un linguaggio a parte. Il formattatore può impaginarli con il rientro della pagina, oppure lasciarli intatti se preferisci tenere piccolo il diff o se il codice è già minificato di proposito.

Suggerimenti

Domande frequenti

Il mio HTML viene caricato?

No. La libreria di formattazione viene caricata da questo sito la prima volta che incolli qualcosa e il markup viene elaborato solo nel tuo browser.

Cambia l'aspetto della pagina?

Modifica gli spazi tra i tag, che i browser per lo più comprimono, quindi la pagina dovrebbe apparire uguale. L'eccezione sono gli spazi visibili: per questo il testo dentro <pre> e <textarea> viene lasciato esattamente com'è.

Mi dice se il mio HTML è errato?

No. Formatta in modo permissivo e non rifiuta nulla, quindi un tag non chiuso non genera errori: il rientro segue semplicemente ciò che trova. Per trovare errori di struttura, passa la pagina in un validatore.

E il JavaScript e il CSS dentro la pagina?

Per impostazione predefinita il contenuto di <script> e <style> viene formattato con lo stesso rientro. Deseleziona Formatta script e stili inline per lasciarli esattamente come sono scritti.

Come vengono trattati i tag inline come span e a?

Gli elementi inline restano sulla stessa riga del loro testo quando ci stanno, così una frase che contiene <strong> non viene spezzata in righe separate, cosa che aggiungerebbe spazi visibili.

A che cosa serve l'a capo automatico delle righe lunghe?

Con una lunghezza impostata, il testo che supera il limite va a capo al confine di una parola. Se è disattivato, ogni blocco di testo resta su una sola riga, per quanto lunga.