Vai al contenuto

HTML Formatter

Rendi leggibile il tuo HTML con un'indentazione pulita, o compattalo.

Altre opzioni
Funziona nel browser: i tuoi dati non vengono caricati.

Come si usa

  1. Incolla il codice HTML nel campo di input.
  2. In Modalità, scegli Formatta o Minifica.
  3. Per formattare, imposta Indentazione su 2 spazi, 4 spazi o Tabulazione.
  4. Premi Ctrl+Invio su Windows o Cmd+Invio su Mac per elaborare il codice.

Esempi

Pagina di un negozio con CSS incorporato

Input
<!doctype html><html><head><title>Bottega Rossi</title><style>body{font-family:sans-serif}.prezzo{color:#963}</style></head><body><h1>Olio extravergine</h1><p class="prezzo">12,50 €</p></body></html>
Output
<!doctype html>
<html>
    <head>
        <title>Bottega Rossi</title>
        <style>
            body {
                font-family: sans-serif
            }

            .prezzo {
                color: #963
            }
        </style>
    </head>
    <body>
        <h1>Olio extravergine</h1>
        <p class="prezzo">12,50 €</p>
    </body>
</html>

Attributi a capo in un modulo di contatto

Input
<form action="/contatti" method="post"><label for="email">La tua email</label><input type="email" id="email" name="email" placeholder="nome@esempio.it" autocomplete="email" required></form>
Output
<form action="/contatti"
  method="post"><label for="email">La tua email</label><input type="email"
    id="email"
    name="email"
    placeholder="nome@esempio.it"
    autocomplete="email"
    required></form>

Minificare un elenco di prodotti

Input
<!-- Prodotti disponibili -->
<ul class="prodotti">
  <li> Caffè </li>
  <li> Biscotti </li>
</ul>
Output
<ul class=prodotti><li>Caffè<li>Biscotti</ul>

Domande frequenti

Il codice HTML viene caricato su un server?

La formattazione e la minificazione avvengono nel browser: il codice HTML non viene inviato al server. Lo strumento non salva l’HTML. Conserva solo le impostazioni delle opzioni nel browser.

Il formatter corregge gli errori HTML?

Segnala tag non chiusi, chiusure senza un’apertura corrispondente e attributi duplicati, ma non corregge il markup e non esegue una validazione W3C. Gli avvisi non bloccano il risultato: fai clic su un avviso per raggiungere la riga interessata.

Posso formattare l’HTML di un’email per Outlook?

I commenti condizionali di Outlook vengono mantenuti sia durante la formattazione sia durante la minificazione, anche con Rimuovi commenti attivo.

Quali file HTML posso caricare e quali sono i limiti?

Sono accettati file .html, .htm, .xhtml, .xml, .svg, .vue e .txt fino a 10 MB. Oltre 100 KB di input, l’aggiornamento automatico durante la digitazione si interrompe e devi avviare l’elaborazione manualmente.

Perché la minificazione si blocca su uno script?

Se il JavaScript incorporato non può essere minificato, viene indicata la riga dell’errore e il risultato precedente resta invariato. Correggi lo script oppure disattiva Minifica CSS e JS incorporati prima di riprovare.