Ferramenta de embelezamento de HTML- Formatador e embelezador de HTML online gratuito

Input data
bfotool loadding
Output data
bfotool loadding

Formatador HTML

Insira seu HTML bagunçado, minimizado ou ofuscado no campo acima para limpá-lo e deixá-lo mais bonito. O editor acima também inclui numeração de linhas e destaque de sintaxe úteis. Há muitas opções para personalizar o embelezador de acordo com suas preferências de formatação.

Quando você usa o Visualizador HTML, Formatador HTML, Formatador HTML

Muitas vezes, ao escrever HTML, o recuo, o espaçamento e outras formatações podem ficar um pouco desorganizados. Também é comum que vários desenvolvedores trabalhem em um único projeto, com técnicas de formatação diferentes. Esta ferramenta é útil para tornar a formatação de um arquivo consistente. Também é comum que o HTML seja minimizado ou ofuscado. Você pode usar esta ferramenta para deixar o código mais bonito e legível, facilitando a edição.

Exemplos de formatador HTML

O HTML minificado abaixo:

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

Fica assim embelezado:

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