Strumento di abbellimento HTML- Formattatore e abbellitore HTML online gratuito

Input data
bfotool loadding
Output data
bfotool loadding

Formattatore HTML

Inserisci il tuo codice HTML disordinato, minimizzato o offuscato nel campo qui sopra per ripulirlo e renderlo più gradevole. L'editor qui sopra include anche utili numeri di riga ed evidenziazione della sintassi. Ci sono molte opzioni per personalizzare l'editor in base ai tuoi gusti di formattazione.

Quando si utilizza HTML Viewer, HTML Formatter, HTML Formatter

Spesso, quando si scrive codice HTML, l'indentazione, la spaziatura e altre formattazioni possono risultare un po' disorganizzate. Capita spesso che più sviluppatori lavorino su un singolo progetto con tecniche di formattazione diverse. Questo strumento è utile per rendere coerente la formattazione di un file. Capita spesso anche che il codice HTML venga minimizzato o offuscato. È possibile utilizzare questo strumento per rendere il codice più leggibile e gradevole alla vista, rendendolo più facile da modificare.

Esempi di formattatore HTML

Di seguito il codice HTML minimizzato:

<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 così 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>