Por que o conteúdo de e não é reindentado?

Os espaços dentro de e são exibidos exatamente como foram escritos, e mudar a indentação dentro de ou poderia alterar código ou strings. Esses blocos são preservados literalmente.

Formatador HTML - Ferramenta online gratuita

Funcionalidades

Indentação automática de tags HTML

Indentação personalizável

Manter ou remover comentários

Realce de sintaxe

Como Usar

1. Cole seu código HTML na caixa de entrada à esquerda.

2. Clique em Formatar para embelezar com indentação correta.

3. Clique em Minificar para remover espaços em branco.

4. Copie ou baixe o resultado à direita.

Sobre esta ferramenta

HTML copiado de um navegador, de um CMS ou de um build minificado costuma chegar como uma única linha ilegível. Este formatador reindenta o código para que cada elemento aninhado fique um nível abaixo do pai, deixando fácil ver a estrutura, tags de fechamento faltando e elementos fora do lugar. Ele reconhece elementos vazios como <br>, <img> e <input>, que nunca têm tag de fechamento, e deixa o conteúdo de <pre>, <textarea>, <script> e <style> exatamente como está, porque dentro deles os espaços têm significado. Escolha dois espaços, quatro espaços ou tabulações e depois copie ou baixe o resultado. Minificar faz o inverso, removendo comentários e reduzindo os espaços entre tags para diminuir o peso da página em produção.

Perguntas Frequentes

Formatar vai mudar a aparência da minha página?

Na maioria dos casos, não. Espaços entre elementos de bloco são ignorados pelos navegadores. Entre elementos inline, como dois links ou spans lado a lado, acrescentar ou tirar uma quebra de linha pode mudar o espaçamento em um espaço, então confira marcações com muitos elementos inline depois de formatar.

Por que o conteúdo de <pre> e <script> não é reindentado?

Os espaços dentro de <pre> e <textarea> são exibidos exatamente como foram escritos, e mudar a indentação dentro de <script> ou <style> poderia alterar código ou strings. Esses blocos são preservados literalmente.

O formatador corrige HTML inválido?

Ele não conserta nem valida a marcação. Ele indenta o que recebe, o que muitas vezes deixa visíveis problemas como tags não fechadas. Use o validador do W3C para verificar a conformidade.

O que o Minificar remove?

Ele remove comentários HTML e espaços desnecessários entre tags. Conteúdo que depende de espaços, como texto dentro de <pre>, é mantido. Em sites em produção, a compressão do servidor com gzip ou Brotli economiza mais do que minificar sozinho.

Posso formatar Vue, Angular ou sintaxe de templates?

Expressões de template como {{ name }} são mantidas como texto, e tags de componentes são indentadas como elementos comuns. Diretivas complexas com sinais de menor e maior dentro de valores de atributos podem confundir um formatador HTML simples, então revise o resultado.