Come formattare HTML con indentazione e modalità minify

Incolla una stringa HTML, scegli la formattazione leggibile oppure minify e imposta l’indentazione desiderata. Il risultato sarà HTML disposto in modo più leggibile o reso più compatto secondo le trasformazioni previste.

A cosa serve il formatter HTML

HTML Formatter serve a rendere più leggibile il codice HTML, disponendo gli elementi su più livelli con un’indentazione coerente. È utile quando hai ricevuto HTML tutto su una riga, devi esaminare la struttura annidata di una pagina o vuoi ottenere una versione compatta con la modalità di minimizzazione. Il campo di input accetta testo HTML; se contiene solo spazi o è vuoto, il risultato viene restituito senza testo formattato.

Come formattare o minimizzare HTML

1. Incolla il testo HTML nel campo di input. Usa una stringa di testo: un valore che non sia una stringa viene rifiutato. Se lasci il campo vuoto o inserisci soltanto spazi, l’elaborazione termina correttamente e restituisce testo formattato vuoto.

2. Scegli la modalità desiderata. La modalità predefinita è beautify; anche una modalità vuota torna a questa impostazione quando l’input contiene caratteri diversi dagli spazi. Qualsiasi valore che, una volta scritto in minuscolo, non sia minify segue il percorso di formattazione leggibile. Se selezioni minify, il risultato rimuove i commenti, tranne quelli il cui contenuto inizia esattamente con [if, riduce gli spazi ripetuti e compatta gli spazi tra i tag, eliminando quelli all’inizio e alla fine.

3. Imposta l’indentazione, se stai usando la formattazione leggibile. Il valore predefinito è di 2 spazi. Per un input non vuoto, il valore viene convertito in un intero quando possibile; se la conversione non riesce oppure il numero è inferiore a 0 o superiore a 8, viene usato 2. Un valore compreso tra 0 e 8 inclusi viene invece mantenuto.

4. Avvia l’elaborazione e controlla il testo restituito. Per la modalità leggibile, verifica che gli elementi annidati siano separati su livelli riconoscibili. Per minify, controlla che la riduzione riguardi commenti e spazi secondo le trasformazioni descritte, senza considerarla una compressione generale del file.

Come leggere il risultato e i suoi limiti

Un risultato non vuoto in modalità beautify rappresenta una disposizione più leggibile del testo HTML, con l’indentazione applicata secondo il valore valido scelto. La modalità minify produce invece una versione più compatta attraverso specifiche trasformazioni di commenti e spazi; non va interpretata come una compressione completa.

Se la formattazione leggibile non riesce, il problema può dipendere dall’assenza della dipendenza necessaria per analizzare l’HTML oppure da un’eccezione durante l’analisi o la formattazione. In questi casi viene restituito un errore di analisi HTML, non un risultato riuscito. Anche un input con caratteri non vuoti oltre 1.000.000 di byte UTF-8 viene rifiutato. Il formatter non va usato per convalidare l’HTML, sanificarlo o verificare la conformità a standard: il suo scopo qui è solo trasformare la disposizione del testo secondo la modalità scelta.

Esempio pratico

Hai ricevuto un breve frammento HTML su una sola riga e vuoi esaminarne visivamente la struttura annidata.

Incolla <div><p>Ciao</p></div>, lascia la modalità beautify e mantieni l’indentazione predefinita di 2 spazi, poi avvia l’elaborazione.

Il risultato ha testo HTML disposto su livelli leggibili, con gli elementi annidati rientrati di 2 spazi rispetto al livello precedente.

Limiti

• I valori che non sono stringhe vengono rifiutati; un input non vuoto oltre 1.000.000 di byte UTF-8 viene rifiutato e la formattazione leggibile può restituire un errore se l’analisi HTML o la dipendenza necessaria non è disponibile.

Errori comuni

• Se l’indentazione non produce il numero di spazi atteso, la causa può essere un valore non convertibile o fuori dall’intervallo da 0 a 8; inserisci un intero compreso in quell’intervallo. Ricorda inoltre che un valore di modalità diverso da minify, dopo la conversione in minuscolo, usa la formattazione leggibile.

Domande frequenti

Posso incollare qualsiasi contenuto nel formatter HTML?

Sì, se il contenuto è una stringa HTML e non supera 1.000.000 di byte UTF-8 quando contiene caratteri non vuoti. Un input di tipo diverso viene rifiutato; un input vuoto o composto solo da spazi restituisce invece un testo formattato vuoto.

La modalità minify comprime completamente il file HTML?

Scegli minify per applicare la riduzione prevista a commenti e spazi. I commenti il cui contenuto inizia esattamente con [if vengono mantenuti; la modalità non equivale a una compressione completa.

Quanti spazi usa l’indentazione predefinita?

Con un input non vuoto, un valore non convertibile o fuori dall’intervallo da 0 a 8 viene sostituito con 2. Il valore predefinito è comunque 2 spazi.