01
Preserve a entrada
Exemplo e Limpar mostram antes a quantidade de caracteres substituídos. Depois, Desfazer restaura entrada e resultado juntos uma vez.
- O exemplo mostra espaços em linha e quebras preservadas em pre.
Ferramentas HTML
Formatador HTMLEntenda a hierarquia das tags
Formatação automática após 350 ms; minificação manual. Cada aviso leva à linha original.
Formatador HTML
Código HTML
Resultado
O HTML fica nesta aba. A prévia estática bloqueia scripts e recursos externos.
Cole HTML ou carregue o exemplo.
O HTML exportado de um CMS ou editor de e-mail costuma vir em uma linha só. O Formatador HTML mostra a hierarquia sem mexer nas palavras em linha nem no conteúdo de blocos sensíveis.
A árvore de tags e os diagnósticos apontam para a linha original. Use as pistas para investigar; conformidade completa exige um validador específico.
Por que usar este Formatador HTML
Localize a tag sem alterar o texto
O Formatador HTML recua limites estruturais e liga cada tag à linha de origem. Comentários e conteúdo de pre, textarea, script e style permanecem intactos.
Prévia apenas quando você pedir
O Formatador HTML abre o resultado atual em um quadro estático isolado, sem executar scripts, formulários ou solicitações externas.
Três conferências antes de exportar
02
Defina quando processar
A formatação automática espera 350 ms após a edição. Desligue para usar Ctrl/Cmd+Enter; minificar sempre pede uma ação explícita.
- Alterar o recuo invalida a saída anterior e bloqueia cópia e download.
03
Confira posição e tamanho
Uma tag ou aviso leva à linha e coluna da fonte. Compare os bytes e abra a prévia isolada se precisar.
- Sem avisos não significa aprovação em validação de padrões HTML.
Organize, compacte e encontre
Recuo conservador
Adiciona quebras apenas entre tags estruturais, sem separar palavras em linha nem mudar atributos.
Minificação deliberada
Gera uma saída compacta da entrada original e mostra bytes UTF-8, preservando comentários e código incorporado.
Árvore ligada à fonte
Exibe a hierarquia do parser HTML5 e distingue nós inseridos implicitamente pelo navegador.
Prévia estática isolada
Mostra apenas a saída atual e bloqueia elementos ativos e recursos de fora.
O alcance real da checagem
- Não é validação completa
- O Formatador HTML informa problemas de parsing com posição e possíveis tags sem fechamento. Para validar HTML por completo, use uma ferramenta dedicada às normas e à acessibilidade.
- Espaços podem alterar a aparência
- Lacunas em linha e blocos protegidos ficam intactos, mas CSS white-space pode dar significado a espaços entre tags estruturais.
- Não repara templates
- Vue, JSX e Liquid não recebem parser próprio. Nós acrescentados pelo navegador aparecem na árvore, sem entrar no código exportado.
- Sem buscas ou limpeza extra
- Não busca URL, não processa lotes, não remove comentários, não ordena atributos nem minifica CSS ou JavaScript incorporado.
Dúvidas sobre o Formatador HTML
A formatação de HTML altera a aparência da página?
Pode alterar se o CSS tratar certos espaços como visíveis. Lacunas em linha e blocos protegidos são mantidos; confira a saída na página real.
O formatador corrige tags HTML inválidas?
Não. Ele aponta alguns problemas de parsing e possíveis fechamentos ausentes, mas não reescreve a fonte para consertar tags.
Qual a diferença entre formatar e minificar HTML?
Formatar expande a hierarquia para leitura; minificar reduz espaços estruturais. Ambos geram resultado separado da entrada original.
O conteúdo de script e style é preservado?
Sim. O conteúdo é mantido literalmente, sem minificar o JavaScript ou CSS dentro desses blocos.
O código HTML é enviado a um servidor?
Não. Tudo é processado nesta aba. A prévia isolada é opcional e não pode carregar recursos externos.
Ficou alguma dúvida?
Experimente o Formatador HTML
Cole um trecho real, investigue a posição das tags e exporte apenas o resultado atualizado.