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.