Formatter HTML
Formattate frammenti HTML con questo Formatter HTML. Incollate il markup e lo strumento dispone su righe separate gli elementi di blocco come div, section, p, ul e table, con un'indentazione di due spazi; riduce gli spazi vuoti superflui nei contenuti inline, formatta CSS e JavaScript inline e lascia invariati i contenuti di pre e textarea. Ideale per sviluppatori web e designer che vogliono ripulire markup incollato, generato o minificato per leggerlo e revisionarlo.
Domande frequenti
Come decide dove interrompere le righe il Formatter HTML?
Un elemento che contiene elementi figli di tipo block, come div, section, article, header, footer, nav, main, form, p, h1 to h6, ul, ol, table o blockquote, viene espanso in modo che ogni elemento figlio occupi una riga propria, indentata di due spazi. Gli elementi senza figli di tipo block restano su una sola riga.
Perché il mio intero documento HTML viene restituito su una sola riga?
Secondo le regole del formatter, gli elementi html, head e body non sono tag di tipo block, quindi un documento racchiuso al loro interno resta inline, a eccezione del doctype. Incollate il contenuto interno a body, oppure il frammento su cui state lavorando, per ottenerne l'espansione.
Che cosa succede agli spazi vuoti?
Nei contenuti inline, le sequenze di spazi, tabulazioni e interruzioni di riga vengono ridotte a un unico spazio, come avviene quando i browser le visualizzano. Gli spazi vuoti nei contenuti degli elementi pre e textarea vengono mantenuti esattamente.
Gli script e gli stili inline vengono formattati?
Sì, i blocchi style vengono formattati come CSS e i blocchi script come JavaScript, oppure come JSON per i tipi JSON e JSON-LD. Gli script con altri tipi, come i template di testo, vengono mantenuti esattamente come sono scritti.
Come vengono scritti gli elementi vuoti?
I tag autochiudenti come <br/> vengono scritti con uno spazio prima della barra, come <br />. Gli elementi vuoti scritti senza barra, come <img src="a.png">, mantengono la forma originale.
Gli attributi vengono modificati?
No, attributi, virgolette e ordine vengono mantenuti esattamente come sono scritti. Vengono riordinati solo gli spazi vuoti tra gli elementi.
I commenti vengono mantenuti?
Sì, i commenti HTML e il doctype vengono mantenuti e disposti su righe separate. Il loro contenuto viene copiato esattamente, compreso il markup commentato.
Il formatter corregge HTML non valido?
No, non convalida né ripara il markup. I tag non chiusi vengono formattati nel miglior modo possibile; se dovete individuare errori strutturali, eseguite un validatore.
Perché il risultato è racchiuso in un blocco di codice html?
Il risultato viene restituito in un blocco di codice Markdown contrassegnato come html, così viene visualizzato con l'evidenziazione della sintassi in Markdown. Copiate le righe comprese tra i delimitatori quando lo incollate in un file .html.
Quanto HTML posso formattare?
Fino a 5 MB per esecuzione; gli input più grandi vengono rifiutati con un messaggio. Il risultato è identico a quello dell'opzione HTML del Code Formatter.