Cole HTML, solte um arquivo ou
Sobre esta ferramenta
Um formatador de HTML (ou embelezador) pega uma marcação minificada ou com indentação inconsistente e a reescreve com indentação e quebras de linha limpas e previsíveis, para que fique fácil de ler, comparar (diff) e editar. Ele não muda o que a página renderiza — apenas o layout do código-fonte.
Cole o HTML, clique em Formatar e copie a marcação limpa com um clique — busca, desfazer e refazer já vêm integrados. Ou alterne para o minificador de HTML para fazer o caminho inverso. Tudo roda localmente no seu navegador.
A formatação acontece localmente — sua marcação nunca sai do seu navegador.
Perguntas frequentes
A formatação muda a aparência da página?
Não. A embelezação apenas adiciona espaços em branco e quebras de linha ao código-fonte para melhorar a legibilidade; o DOM analisado e a saída renderizada são idênticos.
Que indentação o formatador usa?
Dois espaços por nível de aninhamento — uma convenção fixa e amplamente usada que mantém a saída consistente e os diffs pequenos.
Como faço para minificar em vez disso?
Use o minificador de HTML, que remove espaços em branco e comentários para reduzir o arquivo. As duas ferramentas têm links entre si.