Formatador de HTML

Transforme HTML bagunçado ou minificado em código limpo e indentado. Elementos de bloco ganham linhas próprias, conteúdo inline curto fica junto e o CSS e o JavaScript incorporados também são formatados.

Grátis e privado. Tudo funciona no seu navegador e nada é enviado.

Como funciona

  1. Cole o seu HTMLCole o código, digite ou abra um arquivo. Clique em Exemplo para ver um modelo.
  2. Confira o resultadoO resultado aparece à direita enquanto você digita. Os erros mostram a linha e a coluna.
  3. Copie ou baixeCopie o HTML com um clique ou baixe como arquivo.

Uma formatação que respeita o HTML

Nem toda tag merece uma linha própria. Links, negrito e imagens dentro de um parágrafo continuam no fluxo do texto, enquanto divs, listas e tabelas são indentadas como blocos. Tags de fechamento opcionais como li e td são entendidas, então páginas escritas sem elas são formatadas corretamente.

O conteúdo de pre e textarea nunca é alterado, porque ali os espaços aparecem na página.

Sobre HTML

O HTML descreve a estrutura das páginas da web. O formatador sabe quais tags são blocos e quais são inline, mantém o conteúdo de pre e textarea exatamente como está e também formata os scripts e estilos dentro da página.

Perguntas frequentes

A formatação vai mudar a aparência da minha página?

Em quase todos os casos, não. Espaços entre elementos de bloco são invisíveis no HTML. O texto dentro de pre e textarea fica exatamente como foi escrito.

Meu código é enviado para algum lugar?

Não. A formatação e a minificação acontecem no seu navegador. Seu código não é enviado para os nossos servidores.

A minificação renomeia minhas variáveis?

Não. A minificação só remove comentários, quebras de linha e espaços. Os nomes continuam legíveis e o código funciona exatamente igual, o que deixa a ferramenta segura para qualquer arquivo.

Por que algumas quebras de linha ficam no JavaScript minificado?

O JavaScript entende algumas quebras de linha como o fim de um comando. Onde remover uma delas poderia mudar o que o código faz, ela é mantida.

Posso formatar JSON aqui?

O JSON tem uma ferramenta própria, com visualização em árvore e validação. Use a página de ferramentas JSON indicada abaixo.

Funciona sem internet?

Sim. Depois que você abre a página uma vez, ela continua funcionando sem conexão com a internet.