Formatter HTML

Un formattatore HTML riscrive il markup HTML con un rientro pulito e coerente in modo che la struttura del documento sia facile da leggere Incolla una pagina minificata, uno snippet copiato da uno strumento di compilazione o un markup scritto a mano con schede e spazi non corrispondenti e il formattatore analizza l'albero dei tag e lo stampa indietro con un livello di rientro per profondità di annidamento L'operazione inversa, minimizzando, spoglia gli spazi bianchi insignificanti tra i tag per ridurre il file per la produzione senza modificare il modo in cui il browser lo esegue il rendering.

L'HTML grezzo raramente arriva in uno stato che puoi scansionare I modelli di server lo emettono su una singola riga, i bundler lo comprimono e i frammenti incollati portano qualunque spaziatura sia la sorgente utilizzata L'abbellimento espone il nesting in modo da poter trovare l'elemento di cui hai bisogno, individuare un tag che non è mai stato chiuso o differire due versioni in modo pulito Questo è più importante quando esegui il debug di un layout, verificando il markup per l'accessibilità o leggendo il contenuto di qualcun altro per la prima volta Un formattatore trasforma una parete di parentesi angolari in un contorno che puoi seguire.

Un esempio elaborato mostra cosa fa questo formattatore HTML gratuito con input sciatto Incolla <ul>PH1__One<li>Two</ul><p>Hi <b>there</b>, mantieni selezionato Beautify e 2 spazi e fai clic su Formato Il formattatore HTML online chiude entrambi gli elementi dell'elenco e il paragrafo, inserisce ciascun li sulla propria riga rientrata e mantiene <p>Hi <b>there</b><li>0__ su una riga perché è contenuto breve in linea L'output legge 5 tag, 5 righe, 63 byte e due avvisi elencano cosa è stato chiuso automaticamente, quindi il formattatore del codice HTML non ripara mai il markup interrotto in silenzio.

Questo strumento viene eseguito al 100% nel browser con un parser privo di dipendenze, quindi nulla di ciò che incolli viene caricato o registrato e continua a funzionare offline una volta caricata la pagina Il parser è deliberatamente tollerante: applica le stesse regole di chiusura implicita che un browser utilizza per tag come li, p, td e option, quindi il markup nel mondo reale con tag finali omessi formatta ancora correttamente Il contenuto all'interno di script, stile, pre, textarea e titolo viene copiato alla lettera, il che significa che JavaScript, CSS e testo preformattato non vengono mai reindentati o rotti.