Utilore

Formatador de HTML

Cole o HTML e leia. Cada tag ocupa sua linha com a indentação que o aninhamento pede — o jeito mais rápido de achar a div que ninguém fechou.

O código não sai desta página: a formatação acontece no seu navegador.

Como usar

  1. Cole o HTML no primeiro campo.
  2. Escolha o recuo: dois espaços, quatro ou tabulação.
  3. Copie o resultado, ou toque em «Minificar» para comprimir de novo.

Bom saber

O que fica intocado de propósito

Dentro de pre e textarea, cada espaço e cada quebra de linha fazem parte da página: reindentar muda o que o visitante vê. Já script e style não são marcação. O formatador leva esses blocos sem mexer e só os desloca inteiros, então o arquivo formatado se comporta exatamente como o original.

Ler o aninhamento em vez de adivinhar

Elementos vazios como img, br e input nunca fecham, então um formatador que aumenta o recuo a cada tag de abertura vai afundando página abaixo. Aqui eles são reconhecidos e o recuo não cresce — assim, um recuo inesperado indica mesmo uma tag não fechada, e não um defeito da ferramenta.

Perguntas frequentes

Ele valida meu HTML?

Não. Formata o que você entrega e não altera a marcação. Uma tag aberta aparece pelo recuo, mas nenhuma lista de erros é gerada.

Meu código vai para um servidor?

Não. A formatação acontece na página, então templates internos e páginas atrás de login ficam no seu computador.

Dá conta de uma página inteira?

Dá, até cerca de cinco megabytes de marcação. Acima disso, quem pesa é exibir o resultado, não formatá-lo.

O que acontece com os comentários?

São mantidos e colocados em linha própria. Comentários condicionais também ficam, pois carregam marcação para navegadores antigos.

Ferramentas relacionadas