Înfrumusețator / Formatator 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 face frumos. Editorul de mai sus conține, de asemenea, numere de rând utile și evidențierea sintaxelor. Există multe opțiuni pentru a adapta înfrumusețatorul la gusturile dvs. personale de formatare.

Când utilizați HTML Viewer, HTML Formatter, HTML Formatter

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 care au tehnici de formatare diferite. Acest instrument este util pentru a face formatarea unui fișier consistent. De asemenea, este obișnuit ca HTML să fie minimizat sau ofuscat. Puteți folosi acest instrument pentru a face codul să arate frumos și lizibil, astfel încât să fie mai ușor de editat.

Exemple de formatare HTML

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