Abbellitore / formattatore HTML online gratuito

Input data
bfotool loadding
Output data
bfotool loadding

Formattatore HTML

Inserisci il tuo HTML disordinato, minimizzato o offuscato nel campo sopra per farlo ripulire e renderlo carino. L'editor sopra contiene anche utili numeri di riga e l'evidenziazione della sintassi. Ci sono molte opzioni per adattare l'abbellitore ai tuoi gusti personali di formattazione.

Quando usi HTML Viewer, HTML Formatter, HTML Formatter?

Spesso quando si scrive HTML il rientro, la spaziatura e altre formattazioni possono diventare un po' disorganizzate. È anche comune che più sviluppatori lavorino su un singolo progetto con tecniche di formattazione diverse. Questo strumento è utile per rendere coerente la formattazione di un file. È anche comune che l'HTML venga minimizzato o offuscato. Puoi usare questo strumento per rendere il codice bello e leggibile in modo che sia più facile da modificare.

Esempi Formattatore HTML

L'HTML minimizzato di seguito:

<nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> </div><ul class="nav navbar-nav"> <li class="active"><a href="#">Home</a></li><li><a href="#">Page 1</a></li><li><a href="#">Page 2</a></li><li><a href="#">Page 3</a></li></ul> </div></nav>

Diventa questo abbellito:

<nav class="navbar navbar-default">
     <div class="container-fluid">
         <div class="navbar-header"> <a class="navbar-brand" href="#">WebSiteName</a> 
         </div>
         <ul class="nav navbar-nav">
             <li class="active"><a href="#">Home</a>
             </li>
             <li><a href="#">Page 1</a>
             </li>
             <li><a href="#">Page 2</a>
             </li>
             <li><a href="#">Page 3</a>
             </li>
         </ul>
     </div>
 </nav>