Puffinmint
IT
Italiano English Español Français Deutsch Português (Brasil) 日本語 한국어 Polski Türkçe

HTML formatter online

Indenta frammenti HTML preservando attributi, testo e blocchi pre, script e style. Copia il codice e controlla gli spazi.

Elaborazione nel browser: i dati non vengono caricati.

Imposta i dati

Imposta i dati

Massimo 100.000 caratteri e 10.000 token. Solo HTML; non valida, non converte JSX e può cambiare spazi tra blocchi.

Risultato

Inserisci i dati per vedere il risultato.

Contiamo quali strumenti sono più usati, senza includere nelle statistiche i valori inseriti o il contenuto dei file. Privacy

Come usarlo

Lavora su una copia e formatta soltanto sorgente HTML. Il tool conserva attributi e blocchi pre, script, style, textarea e title; aggiunge o sostituisce spazi tra elementi a blocco. Non converte JSX né controlla la validità del documento.

Dati dell’esempio
Dati inseritiRisultato
<div><p>A <strong>B</strong> C</p></div><div> <p>A <strong>B</strong> C</p> </div>

Metodo e limiti

I rientri aggiungono o sostituiscono spazi tra elementi a blocco. Controlla la resa con CSS white-space. Non è un validatore né un’anteprima eseguibile.

Esempio

Scenario di utilizzo

Dati inseriti
<div><p>A <strong>B</strong> C</p></div>
Risultato
<div> <p>A <strong>B</strong> C</p> </div>

Nel frammento con A, un elemento strong e la parola finale, gli spazi intorno a strong separano tre parole. Mantienili. Un blocco pre con righe e spazi iniziali deve invece conservare il contenuto esatto anche quando il contenitore esterno viene indentato.

Quali sono i limiti dello strumento?

Massimo 100.000 caratteri e 10.000 token. Solo HTML; non valida, non converte JSX e può cambiare spazi tra blocchi.

I dati inseriti e i risultati vengono elaborati nel browser e non sono inviati al server. Le statistiche aggregate, se attive, registrano solo lo strumento e l’esito, senza contenuti.

Fonti

GUIDE PRATICHE

Spazi e rientri HTML: formattare senza sorprese

Scopri quali spazi possono cambiare il risultato della pagina e quali controlli fare dopo aver indentato il codice HTML.

Segui il percorso

Potrebbero servirti anche

Vedi tutti

Entità HTML: codifica e decodifica

Converti caratteri in entità HTML e decodifica riferimenti numerici e nomi. Il risultato resta testo, senza eseguire HTML.

Minificatore CSS e JavaScript

Minifica codice CSS o JavaScript, confronta le dimensioni prima e dopo e copia il risultato. Scegli il linguaggio e riduci il peso del codice.

XML formatter e controllo sintassi

Rendi leggibile il codice XML con l’indentazione e individua gli errori di sintassi. Copia o scarica il risultato formattato.

Preferiti