Nástroj pro zkrášlení HTML- bezplatný online formátovač a zkrášlovač HTML

Input data
bfotool loadding
Output data
bfotool loadding

Formátovač HTML

Zadejte svůj nešikovný, minifikovaný nebo obfuskovaný HTML kód do pole výše, aby byl vyčištěn a upraven. Editor výše obsahuje také užitečné číslování řádků a zvýrazňování syntaxe. Existuje mnoho možností, jak si zkrášlovač přizpůsobit svým osobním preferencím formátování.

Kdy používáte prohlížeč HTML, formátovač HTML, formátovač HTML

Při psaní HTML se často může stát, že odsazení, mezery a další formátování budou trochu neuspořádané. Je také běžné, že na jednom projektu pracuje více vývojářů, kteří používají různé techniky formátování. Tento nástroj je užitečný pro dosažení konzistence formátování souboru. Je také běžné, že HTML je minifikováno nebo obfuskováno. Tento nástroj můžete použít k tomu, aby kód vypadal hezky a byl čitelnější, takže se snáze upravuje.

Příklady formátovače HTML

Minifikovaný HTML kód níže:

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

Zkrášlí se takto:

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