Algo errado nesta ferramenta?
Sobre «Formatador HTML Online»
Esta ferramenta reformata o código-fonte HTML para legibilidade. Re-indenta tags aninhadas, quebra linhas longas, normaliza espaçamento dentro de atributos, e produz uma saída fácil de ler e editar. Um modo de minificação opcional remove espaços para a menor saída possível.
Útil ao inspecionar o source de uma página em produção (onde tudo está minificado em uma linha), ao preparar HTML para code review, ao gerar saída consistente em sua equipe, ou ao produzir HTML minificado para implantação em produção.
O formatador entende elementos void do HTML5 (br, img, input, etc.), preserva verbatim o conteúdo de <pre>, <script> e <textarea>, e lida com elementos inline diferentemente dos elementos de bloco para manter o fluxo de palavras intacto.
Como usar esta ferramenta
Como embelezar HTML minificado ou bagunçado
Cole o HTML
Coloque HTML minificado ou escrito à mão e bagunçado no campo "HTML". Documentos completos (com `<!doctype>`) e fragmentos são aceitos.
Executar
Resultado: um único campo `formatted`. Indentação de 2 espaços, uma tag por linha em quebras estruturais. Elementos inline ficam na mesma linha se vizinhos a texto — `<p>Hi <strong>there</strong></p>` não vira três linhas.
O que é preservado
Atributos ficam na mesma linha da tag de abertura — sem quebra mesmo com muitos atributos. Comentários (`<!-- … -->`), conteúdo de `<script>`, `<style>` e `<pre>` passam verbatim para não corromper JS ou texto sensível a espaços.
Considerações de round-trip
Formate para revisão, depois minifique antes do deploy. O formatter é tolerante com HTML inválido — uma tag esquecida na entrada pode fechar antes do esperado na saída. Se a entrada for suspeita, valide com o W3C após formatar.