Formatador de HTML
Formata e embeleza HTML, incluindo listas de classes Tailwind.
Sobre esta ferramenta
Formata e embeleza HTML: cada nível aninhado é indentado, elementos curtos ficam numa só linha e os blocos <pre>, <script> e <style> não são alterados. Não corrige marcação inválida — os validadores continuam a ser necessários.
Como usar
Cole a marcação compactada, execute Formatar e confirme que as etiquetas continuam equilibradas antes de voltar ao seu editor para continuar o trabalho.
Exemplo
O exemplo é um bloco hero compacto escrito numa única linha.
Entrada
<section class="hero"><h1>CSS to Tailwind</h1><p>Convert utilities in the browser.</p><a href="/">Open</a></section>Saída
<section class="hero">
<h1>CSS to Tailwind</h1>
<p>Convert utilities in the browser.</p>
<a href="/">Open</a>
</section>Dica
Indentação que salta de forma estranha revela quase sempre uma etiqueta sem fecho.
Bom saber
Um embelezador de HTML é diferente de um formatador de HTML?
Não. Ambos reindentam a marcação aninhada, por isso esta página cobre as duas pesquisas com uma só ferramenta.
O que deixa intacto e corrige HTML inválido?
O conteúdo de <pre>, <textarea>, <script> e <style> mantém-se tal como está. A ferramenta apenas reindenta: etiquetas por fechar ou mal aninhadas ficam como estão, por isso use um validador quando a estrutura importar.