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, escolha o tamanho da indentação e se quer usar tabulações ou espaços, e o resultado formatado é atualizado conforme você digita. Copie com um clique 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.
Tabulações ou espaços?
A escolha é sua — opte por espaços com uma largura de indentação (2 ou 4 são comuns) ou uma única tabulação por nível. A configuração é aplicada ao vivo.
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.