ItalianoIT

Formattare HTML – formatter e beautifier HTML online

Incolla l’HTML e clicca “Formatta HTML”: viene risistemato secondo le regole di Prettier.

Testi e file restano nel tuo browser: non viene inviato nulla a un server.

Come si usa

  1. Incolla l’HTML e clicca “Formatta HTML”. La prima volta il caricamento del formatter può richiedere un attimo.
  2. Regola “Indentazione” e “Larghezza di riga”. Le righe troppo lunghe vengono spezzate mandando a capo attributi o contenuto.
  3. L’impostazione predefinita degli spazi conserva quelli attorno agli elementi in linea, così la pagina mantiene lo stesso aspetto. “Ignora gli spazi” dà un codice più ordinato, ma può cambiare la spaziatura tra le parole.
  4. Se dei tag non corrispondono, vengono mostrate la riga e la colonna del problema. Per un controllo più approfondito della struttura usa il validatore HTML.

Domande frequenti

Con quali regole viene formattato il codice?

Lo strumento esegue Prettier, il diffuso formatter open source (licenza MIT), direttamente nel tuo browser. Il risultato corrisponde in gran parte a quello che Prettier produce nel tuo editor.

La formattazione cambia l’aspetto della pagina?

Con l’impostazione predefinita gli spazi vengono gestiti in modo che la pagina visualizzata resti uguale, per questo a volte gli a capo finiscono in punti inattesi. “Ignora gli spazi” è più leggibile, ma può modificare la spaziatura tra gli elementi in linea.

Il mio codice viene inviato a un server?

No. Anche il formatter viene caricato nel tuo browser e tutto viene elaborato sul tuo dispositivo.

Strumenti simili

Validatore HTMLControlla tag e struttura HTMLFormatter JS/CSSFormatta JS, TS, CSS, SCSS e LESSEditor HTMLHTML, CSS e JS dal vivoFormattatore XMLFormatta, minifica e valida XML

Tutti gli strumenti