Orodje za polepšanje HTML- brezplačni spletni program za oblikovanje in polepšanje HTML-ja

Input data
bfotool loadding
Output data
bfotool loadding

Oblikovalec HTML-ja

V zgornje polje vnesite svoj neurejen, pomanjšan ali zakrit HTML, da ga bomo očistili in polepšali. Zgornji urejevalnik vsebuje tudi uporabne številke vrstic in označevanje sintakse. Na voljo je veliko možnosti za prilagoditev olepševalnika vašemu osebnemu okusu oblikovanja.

Kdaj uporabljate pregledovalnik HTML, oblikovalnik HTML, oblikovalnik HTML

Pri pisanju HTML-ja so lahko zamiki, razmiki in drugo oblikovanje pogosto nekoliko neorganizirani. Prav tako je pogosto, da na enem projektu dela več razvijalcev, ki imajo različne tehnike oblikovanja. To orodje je koristno za dosledno oblikovanje datoteke. Pogosto je tudi, da je HTML miniificiran ali zakrit. S tem orodjem lahko kodo naredite lepo in berljivo, da jo je lažje urejati.

Primeri oblikovanja HTML

Spodaj je minimiziran HTML:

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

Postane takole polepšano:

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