Formatador de HTML
Formate HTML com indentação legível preservando elementos, atributos, texto, comentários e estrutura do documento.
Make HTML structure easier to inspect
HTML compacto pode esconder aninhamento, atributos, texto e comentários em uma linha. Este formatador apresenta um layout legível para revisar o markup.
A formatação muda a apresentação e não prova validade, acessibilidade, segurança ou compatibilidade com navegador. Guarde o original e revise o diff.
Use uma amostra com elementos aninhados, atributos, texto, comentários e caracteres citados; execute as verificações necessárias.
Formatting is not HTML validation
HTML é uma árvore de elementos, atributos, texto, comentários e declarações. A indentação torna relações e tags de fechamento mais fáceis de acompanhar.
O formatador organiza espaços, mas não comprova padrão HTML, acessibilidade, segurança, regras de template ou comportamento.
Navegadores podem recuperar markup inválido de modo diferente. Verifique elementos void, tags opcionais, scripts, estilos e entidades.
How to format HTML
- Cole um documento HTML completo ou fragmento compatível.
- Inspecione aninhamento, tags, atributos, texto, comentários, scripts e estilos.
- Compare valores, entidades, texto e ordem com a fonte.
- Execute validador HTML, testes de acessibilidade, template e navegador.
- Remova credenciais e dados pessoais das amostras.
Formatting method
- Lê elementos, atributos,
Lê elementos, atributos, texto, comentários, declarações e regiões incorporadas.
- Adiciona quebras e
Adiciona quebras e indentação para mostrar elementos aninhados e ordem.
- Preserva valores, texto,
Preserva valores, texto, comentários, entidades, scripts e estilos da fonte.
Recuperação do parser, tags opcionais, política de espaços, linguagens incorporadas e erros exatos devem ser confirmados em um motor real.
Read the formatted result
O resultado bem-sucedido é um arranjo legível do HTML. Confira estrutura, atributos, texto, comentários, entidades e scripts contra a fonte.
Uma falha não prova a recuperação do navegador nem uma mensagem exata do parser.
Problemas de validador, acessibilidade ou build são separados; formatação não adiciona semântica nem segurança.
Erros comuns
Confundir indentação com validação pode esconder atributos ausentes, aninhamento inválido ou problemas de acessibilidade.
Alterar entidades, atributos ou texto sensível a espaços pode mudar o comportamento.
Supor que navegador e formatador recuperam igual pode esconder diferenças.
Colar templates privados, tokens ou dados de usuário pode expor conteúdo sensível.
Limites e casos especiais
A função formata apresentação HTML e não garante padrão, acessibilidade, segurança, compatibilidade, templates ou minificação.
Teste tags opcionais, elementos void, CSS, JavaScript, entidades e documentos grandes com as ferramentas reais.
Não cole markup confidencial sem autorização da política.
Examples
A formatação valida HTML?
A formatação valida HTML?
Cole um documento HTML completo ou fragmento compatível.
O resultado bem-sucedido é um arranjo legível do HTML. Confira estrutura, atributos, texto, comentários, entidades e scripts contra a fonte.
Ela muda o comportamento?
Ela muda o comportamento?
Inspecione aninhamento, tags, atributos, texto, comentários, scripts e estilos.
Uma falha não prova a recuperação do navegador nem uma mensagem exata do parser.
Os atributos são preservados?
Os atributos são preservados?
Compare valores, entidades, texto e ordem com a fonte.
Problemas de validador, acessibilidade ou build são separados; formatação não adiciona semântica nem segurança.
Os comentários são preservados?
Os comentários são preservados?
Execute validador HTML, testes de acessibilidade, template e navegador.
O resultado bem-sucedido é um arranjo legível do HTML. Confira estrutura, atributos, texto, comentários, entidades e scripts contra a fonte.
Posso formatar um fragmento?
Posso formatar um fragmento?
Remova credenciais e dados pessoais das amostras.
Uma falha não prova a recuperação do navegador nem uma mensagem exata do parser.
A formatação melhora acessibilidade?
A formatação melhora acessibilidade?
Cole um documento HTML completo ou fragmento compatível.
Problemas de validador, acessibilidade ou build são separados; formatação não adiciona semântica nem segurança.
Frequently asked questions
A formatação valida HTML?
Não. Use validador HTML, acessibilidade, navegador e testes de template.
Ela muda o comportamento?
Deve mudar só espaços de apresentação, mas compare e teste quando espaços ou parsing importarem.
Os atributos são preservados?
Os exemplos preservam nomes e valores; revise URLs, classes e IDs com diff.
Os comentários são preservados?
Os exemplos mantêm comentários na visualização; confirme com sua entrada.
Posso formatar um fragmento?
Use documento completo ou fragmento compatível, que pode depender do contexto.
A formatação melhora acessibilidade?
Não. Facilita revisão, mas semântica, foco, contraste e ARIA exigem testes próprios.
Ela corrige HTML inválido?
Não presuma reparo; corrija a fonte e valide com navegador e ferramentas.
O que fazer depois?
Revise diff, rode validadores e acessibilidade e renderize nos navegadores alvo.