Formatador de HTML – Indente e minifique código HTML

Cole HTML em uma linha só e receba a estrutura indentada, com o conteúdo de pre, textarea, script e style preservado. Também minifica.

Processado no navegador – nenhum dado enviado ao servidor

Indentação

Entrada (HTML)

310 caracteres

Resultado

<!DOCTYPE html>
<html lang="pt-BR">
  <head>
    <meta charset="utf-8">
    <title>
      Exemplo
    </title>
  </head>
  <body>
    <main class="conteudo">
      <h1>
        Título
      </h1>
      <p>
        Um parágrafo com
        <strong>
          destaque
        </strong>
        e um
        <a href="/link">
          link
        </a>
        .
      </p>
      <ul>
        <li>
          Primeiro
        </li>
        <li>
          Segundo
        </li>
      </ul>
      <pre>
        espaço
        preservado
      </pre>
    </main>
  </body>
</html>

574 caracteres · 85% maior

O conteúdo de pre, textarea, script e style não é reindentado — nesses elementos o espaço é significativo ou o texto nem é HTML. A minificação mantém um espaço entre tags, porque em HTML o espaço entre dois elementos inline aparece na tela.

Como usar esta ferramenta

Cole o HTML no campo de entrada
Escolha formatar ou minificar
Ajuste a indentação, se quiser
Copie o resultado

Sobre esta ferramenta

O que é

Formatar HTML reindenta os elementos conforme o aninhamento, tornando a estrutura visível. O conteúdo de pre, textarea, script e style fica de fora: nos dois primeiros o espaço aparece na tela, e nos outros o texto nem é HTML.

Quando usar

Ler o código-fonte minificado de uma página
Revisar o HTML gerado por um template ou framework
Depurar aninhamento incorreto de elementos
Reduzir o tamanho de um documento HTML servido
Padronizar arquivos de e-mail e landing page

Segurança

Processamento 100% no navegador. Nenhum dado é enviado ao servidor — seus dados sensíveis permanecem no seu dispositivo.

Perguntas frequentes

Por que a minificação mantém espaço entre as tags?: Porque em HTML o espaço entre dois elementos inline é renderizado. Apagá-lo gruda palavras vizinhas — é o erro mais comum de minificadores agressivos.
O conteúdo do meu script vai ser alterado?: Não. Blocos script, style, pre e textarea são copiados sem alteração interna. Só a indentação do bloco inteiro acompanha o nível do documento.
A ferramenta corrige HTML inválido?: Não. Ela reindenta o que recebe. Tag não fechada e aninhamento incorreto continuam existindo — mas ficam bem mais fáceis de enxergar depois de formatar.

Ferramentas relacionadas

Sobre esta ferramenta

O que é

Quando usar

Ler o código-fonte minificado de uma página
Revisar o HTML gerado por um template ou framework
Depurar aninhamento incorreto de elementos
Reduzir o tamanho de um documento HTML servido
Padronizar arquivos de e-mail e landing page

Segurança

Processamento 100% no navegador. Nenhum dado é enviado ao servidor — seus dados sensíveis permanecem no seu dispositivo.

Perguntas frequentes

Por que a minificação mantém espaço entre as tags?

Porque em HTML o espaço entre dois elementos inline é renderizado. Apagá-lo gruda palavras vizinhas — é o erro mais comum de minificadores agressivos.

O conteúdo do meu script vai ser alterado?

Não. Blocos script, style, pre e textarea são copiados sem alteração interna. Só a indentação do bloco inteiro acompanha o nível do documento.

A ferramenta corrige HTML inválido?

Não. Ela reindenta o que recebe. Tag não fechada e aninhamento incorreto continuam existindo — mas ficam bem mais fáceis de enxergar depois de formatar.