Este formatador prioriza uma estrutura fácil de ler. Ele posiciona elementos aninhados na profundidade certa e mantém atributos, comentários, declarações e conteúdo de texto visíveis. Não remove comentários nem compacta bytes, por isso não substitui um minificador HTML. A marcação é processada localmente e nunca é enviada.
Formatador HTML grátis
Funciona inteiramente no seu navegador - sem upload, sem cadastro.
HTML
HTML formatado
Cole HTML para formatar
O que faz um formatador HTML?
Um formatador HTML transforma marcação compactada ou com recuos irregulares em HTML legível e bem indentado. Cole um documento ou trecho, escolha dois espaços, quatro espaços ou tabulação e copie o resultado. O formatador entende elementos vazios do HTML5, tags de fechamento opcionais comuns e o conteúdo bruto de script e style. Tudo roda no navegador.
Como usar
- 1Cole o HTML. Adicione um documento HTML completo, template ou trecho ao editor de entrada, ou carregue o exemplo.
- 2Escolha a indentação. Selecione dois espaços, quatro espaços ou tabulação. A saída formatada é atualizada na hora.
- 3Confira a estrutura. Veja as contagens de elementos, atributos e níveis de profundidade, depois percorra o resultado indentado.
- 4Copie o resultado. Copie o HTML formatado e cole no seu editor, CMS ou revisão de código.
Para quem é
- Desenvolvedores frontend organizando um template compacto antes de depurar um problema de aninhamento ou revisar um diff.
- Desenvolvedores de email deixando a marcação exportada de uma newsletter mais fácil de ler sem enviar o HTML privado da campanha a um servidor.
- Editores de CMS desembaraçando um componente ou trecho de página copiado antes de alterar classes, links ou conteúdo.
- Estudantes visualizando a relação entre elementos pai e filho de um documento HTML real com indentação consistente.
Perguntas frequentes
Este formatador HTML é grátis?
Sim. O formatador HTML é grátis, sem cadastro, download ou limite de uso. Cole um documento ou trecho HTML, escolha o estilo de indentação e copie o resultado formatado direto do navegador.
Meu HTML é enviado para algum lugar?
Não. A formatação acontece localmente no navegador. O HTML colado não é enviado a um servidor, então a ferramenta pode ser usada com templates internos, landing pages ainda não publicadas, marcação de email e trechos que tenham URLs ou identificadores privados.
Quanto HTML posso formatar?
Não existe limite fixo no servidor porque nada é enviado. Documentos muito grandes dependem do navegador e da memória do dispositivo, mas páginas, componentes, templates de email e trechos de código comuns devem ser formatados na hora.
O formatador entende tags sem fechamento?
Sim. Ele reconhece elementos vazios do HTML5 como img, br, input, meta e link, que nunca precisam de tag de fechamento. Também lida com fechamentos opcionais comuns de itens de lista, parágrafos, opções, linhas e células de tabela ao calcular a indentação correta.
O conteúdo de script e style é alterado?
O formatador trata o conteúdo de script e style como texto bruto. Assim, operadores de comparação, seletores CSS e strings com sinais de menor não são confundidos com tags HTML. Ele ajusta a indentação do bloco, mas não reescreve o JavaScript nem o CSS.
A ferramenta valida ou corrige HTML inválido?
Não. Ela é um formatador, não um validador de padrões nem um serviço de correção automática. O formatador aponta comentários, declarações, tags e elementos de texto bruto claramente não fechados, mas aceita os fechamentos opcionais permitidos pelo HTML. Use o Nu HTML Checker quando precisar validar conformidade.
Qual é a diferença entre um formatador e um minificador HTML?
Um formatador acrescenta quebras de linha e indentação para facilitar a leitura e a edição da marcação. Um minificador remove espaços opcionais e pode retirar comentários para reduzir o tamanho transferido. Esta página apenas formata HTML e mantém a estrutura e os comentários visíveis.