Formattatore HTML
Indentato per leggerlo, o compresso per pubblicarlo.
Gli esempi sostituiscono temporaneamente i dati e le impostazioni. Puoi ripristinare il lavoro precedente.
Incolla o scrivi qui sopra per vedere il risultato.
I tuoi file restano sul tuo dispositivo
Questo strumento viene eseguito interamente nel tuo browser. Ciò che incolli viene elaborato sul tuo dispositivo e non viene mai inviato a un server, quindi puoi usarlo in sicurezza con token, chiavi e testi non pubblicati.
Esempio
Una circolare scolastica con tag non chiusi: la scaletta mostra dove mancano
La circolare n. 47 di una scuola media arriva da un vecchio editor in una riga di 265 caratteri: due paragrafi (p) e due voci d’elenco (li) non sono mai chiusi. Incollata con «Impaginalo» e rientro di 4 spazi, viene impaginata lo stesso, ma mostra dove manca qualcosa.
- Escono 17 righe a scaletta: dopo ogni p o li mai chiuso, tutto quello che segue scende di un livello.
- Il primo p si porta dentro «Rientro regolare lunedì.» e l’elenco, la seconda voce finisce sotto la prima, e il div di chiusura resta rientrato di 5 livelli invece di stare a margine.
- Aggiunte le chiusure di p dopo «11:30.», «lunedì.» e «La Dirigente» e quelle di li dopo ogni voce (287 caratteri), le righe diventano 22 e il div si chiude a margine.
- «venerdì 21 novembre» in corsivo resta sempre dentro la sua frase, con gli spazi ai due lati.
| Versione | Caratteri | Righe con 4 spazi | Chiusura del div |
|---|---|---|---|
| Originale | 265 | 17 | rientrata di 5 livelli |
| Con le chiusure aggiunte | 287 | 22 | a margine |
L’impaginatore non corregge l’HTML: lo legge così com’è, e la scaletta indica dove aggiungere le chiusure. Sistemata, la circolare torna con «Comprimilo» a una riga di 287 caratteri, il 34% in meno delle 436 dell’impaginazione con 4 spazi.
Come funziona
- Incolla l’HTML. Viene impaginato mentre scrivi.
- Passa a «comprimilo» per togliere rientri e commenti.
- Scegli due spazi, quattro, oppure una tabulazione.
- Copia il risultato, o scaricalo come file.
Domande frequenti
- Che succede con un documento non del tutto valido?
- Viene formattato lo stesso. Il markup viene letto come una sequenza di tag e testo anziché analizzato in un albero, perché l’HTML che qualcuno vuole formattare è di solito proprio quello che sta cercando di capire.
- Rovinerà la spaziatura del mio testo?
- No, ed è la parte delicata del lavoro. Lo spazio tra <b>uno</b> e <i>due</i> viene reso, quindi si conserva; lo spazio ai lati di un <div> non viene reso, quindi sparisce. Gli elementi in linea restano sulla riga con le parole attorno.
- Viene toccato qualcosa dentro <pre>?
- Nemmeno un carattere. Ogni spazio dentro <pre> e <textarea> viene reso, quindi il contenuto esce esattamente come è stato scritto — nemmeno spostato a sinistra.
- La compressione rinomina qualcosa?
- No. Toglie i commenti e gli spazi che non si vedono. Niente viene rinominato o riordinato, e il documento che esce si vede uguale a quello che è entrato.
- Comprime anche il CSS e il JavaScript dentro <style> e <script>?
- No. Spariscono solo gli spazi all’inizio e alla fine del codice; spazi e a capo all’interno restano come sono stati scritti, quindi uno <style> su due righe esce su due righe. Per ridurre il codice in sé, passalo prima dal Formattatore CSS o dal Minificatore JavaScript.
- Viene inviato qualcosa a un server?
- No. Gira nel browser: quello che incolli resta sul tuo computer.