Instrument de înfrumusețare HTML- Formatator și înfrumusețare HTML online gratuit

Input data
bfotool loadding
Output data
bfotool loadding

Formatator HTML

Introduceți codul HTML dezordonat, minimizat sau ofuscat în câmpul de mai sus pentru a-l curăța și a-l face mai frumos. Editorul de mai sus conține, de asemenea, numerotări de linii utile și evidențiere a sintaxei. Există numeroase opțiuni pentru a adapta instrumentul de înfrumusețare la gusturile dvs. personale de formatare.

Când utilizați Vizualizator HTML, Formatator HTML, Formatator HTML

Adesea, atunci când scrieți HTML, indentarea, spațierea și alte formatări pot deveni puțin dezorganizate. De asemenea, este obișnuit ca mai mulți dezvoltatori să lucreze la un singur proiect, având tehnici de formatare diferite. Acest instrument este util pentru a face formatarea unui fișier consistentă. De asemenea, este obișnuit ca HTML-ul să fie minimizat sau ofuscat. Puteți utiliza acest instrument pentru a face codul să arate frumos și ușor de citit, astfel încât să fie mai ușor de editat.

Exemple de formatator HTML

HTML-ul minimizat de mai jos:

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

Devine atât de înfrumusețată:

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