Categoria: Sviluppo

Formattatore HTML

Idea internaManca uno strumento?

Indenta e abbellisci HTML localmente, senza toccare i contenuti di script o style

Incolla HTML per reindentare i tag annidati e migliorare la leggibilità. Il contenuto all'interno di <script>, <style>, <textarea> e <pre> resta intatto, così codice e formattazione incorporati non si rompono mai. Funziona interamente nel tuo browser.

Formattato.

Dimensione originale166 BDimensione formattata204 B
HTML formattato
<main>
  <!-- LocalTools example -->
  <h1>Offline browser tools</h1>
  <p>
    Everything runs
    <b>on your device</b>
    .
  </p>
  <ul>
    <li>No upload</li>
    <li>No account</li>
  </ul>
</main>

Questo è un semplice indentatore, non un validatore: non correggerà tag non chiusi o non corrispondenti.

Tutto ciò che c'è in questa pagina viene elaborato nel tuo browser. Niente viene caricato.

A cosa serve

Un formattatore HTML reindenta gli elementi annidati così una struttura di pagina molto annidata è facile da esaminare senza un pannello degli strumenti sviluppatore. Questo strumento è un indentatore leggero, non un parser completo: riconosce tag, commenti e il doctype, ma non convalida il markup né ripara tag non corrispondenti.

Come si usa

  1. Incolla il tuo HTML nel campo di input, oppure carica l'esempio.
  2. Scegli un'indentazione di 2 o 4 spazi.
  3. Copia il risultato formattato nel tuo progetto.

Privacy

Questo strumento funziona interamente nel tuo browser. Quello che inserisci non viene mai caricato, salvato o condiviso: chiudendo la scheda sparisce.

Domande frequenti

Il mio HTML viene caricato da qualche parte?
No. La formattazione avviene con JavaScript eseguito nella pagina, quindi il tuo markup non lascia mai il tuo dispositivo.
Modifica il contenuto dentro i tag <script> o <style>?
No. JavaScript e CSS incorporati vengono copiati esattamente come scritti, poiché riorganizzarli potrebbe cambiarne il significato.
Correggerà HTML rotto o non corrispondente?
No. Reindenta solo in base ai tag che trova; non convalida né ripara markup non valido.