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>