Embelezador / formatador de HTML online gratuito

Input data
bfotool loadding
Output data
bfotool loadding

Formatador HTML

Digite seu HTML bagunçado, reduzido ou ofuscado no campo acima para que ele seja limpo e bonito. O editor acima também contém números de linha úteis e realce de sintaxe. Existem várias opções para personalizar o embelezador de acordo com seus gostos de formatação pessoais.

Quando você usa HTML Viewer, HTML Formatter, HTML Formatter

Freqüentemente, ao escrever HTML, seu recuo, espaçamento e outras formatações podem se tornar um pouco desorganizados. Também é comum que vários desenvolvedores trabalhem em um único projeto com diferentes técnicas de formatação. Esta ferramenta é útil para tornar a formatação de um arquivo consistente. Também é comum que o HTML seja reduzido ou ofuscado. Você pode usar essa ferramenta para tornar o código bonito e legível para que seja mais fácil de editar.

Formatador de HTML de exemplos

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

Torna-se isto 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>