Alat za uljepšavanje HTML-a- besplatni online alat za formatiranje i uljepšavanje HTML-a

Input data
bfotool loadding
Output data
bfotool loadding

HTML formater

Unesite svoj neuredan, minificirani ili obfusirani HTML u gornje polje kako biste ga očistili i uljepšali. Gornji uređivač također sadrži korisne brojeve redaka i isticanje sintakse. Postoji mnogo opcija za prilagođavanje alata za uljepšavanje vašim osobnim ukusima formatiranja.

Kada koristite HTML preglednik, HTML formater, HTML formater

Često prilikom pisanja HTML-a uvlačenje, razmak i ostalo formatiranje mogu postati malo neorganizirani. Također je uobičajeno da više programera radi na jednom projektu s različitim tehnikama formatiranja. Ovaj alat je koristan za postizanje dosljednog formatiranja datoteke. Također je uobičajeno da se HTML minificira ili zamaskira. Ovaj alat možete koristiti kako biste kod učinili lijepim i čitljivijim kako bi ga bilo lakše uređivati.

Primjeri HTML formatera

Minimizirani HTML u nastavku:

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

Postaje ovako uljepš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>