# Formatador de HTML online

> O formatador de HTML reescreve um HTML com indentação consistente e quebras de linha na largura escolhida, deixando a estrutura da página fácil de ler. O CSS dentro de <style> também é formatado. Se houver uma tag mal fechada, a ferramenta mostra a linha e a coluna. Tudo roda no seu navegador, sem enviar o código a nenhum servidor.

- Endereço oficial: https://pradev.com.br/formatador-html
- Categoria: JSON, dados e formatadores
- Tipo: Formatador
- Atualizado em: 2026-09-30
- Autor: Leonardo Gaertner (https://pradev.com.br/sobre)
- Preço: grátis, sem cadastro. O processamento acontece no navegador de quem usa.

## Como usar

1. Cole o HTML no campo da esquerda, ou clique em Abrir arquivo.
2. Escolha a indentação (2 espaços, 4 espaços ou tabulação) e a largura da linha.
3. Clique em Copiar resultado ou em Baixar arquivo.

## Como funciona

A formatação usa o Prettier. Cada elemento de bloco vai para sua linha, com os filhos indentados, e o texto é reorganizado para caber na largura escolhida. Elementos que ficam na mesma linha do texto, como <b>, <a> e <span>, são tratados com cuidado para que o espaço entre eles, que aparece na página, não seja perdido.

O conteúdo de <pre> e <textarea> é mantido exatamente como está, e o CSS dentro de <style> é formatado. O JavaScript dentro de <script> não é reformatado: ele é apenas indentado como um bloco, sem mudar o código.

A ferramenta aponta erros de estrutura, como uma tag de abertura sem terminar ou uma tag de fechamento sem correspondência. Ela aceita o que o HTML permite, como o fechamento opcional de <p> e <li>, e não confere se o documento segue todas as regras da especificação.

### Exemplo

```text
Entrada: <div class="card"><h2>Título</h2><p>Texto</p></div>
Saída:
<div class="card">
  <h2>Título</h2>
  <p>Texto</p>
</div>
```

## Perguntas frequentes

### Formatar o HTML muda a aparência da página?

Não deve. Só os espaços e as quebras de linha mudam, e a ferramenta preserva os espaços que fazem diferença na página, como os que ficam entre elementos na mesma linha e o conteúdo de <pre>.

### Por que o meu <script> não foi formatado?

O JavaScript dentro do HTML é mantido como está, para não arriscar mudar o código. Se quiser formatá-lo, use uma ferramenta específica para JavaScript. O CSS dentro de <style> é formatado normalmente.

### O que significa "Unexpected closing tag"?

Que há uma tag de fechamento sem uma abertura correspondente, ou que ela aparece fora de ordem, por exemplo </span> dentro de um <div> que não abriu um <span>. A linha e a coluna indicam onde olhar.

### Para que serve a largura da linha?

Ela define o comprimento máximo das linhas de texto e de atributos antes de a ferramenta quebrar para a linha seguinte. Valores de 80 a 120 são os mais usados.

## Fontes

- [Prettier: opções de formatação](https://prettier.io/docs/options)
- [MDN: HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)

## Ferramentas relacionadas

- [Formatador CSS](https://pradev.com.br/formatador-css): Formate CSS, SCSS e Less online: indentação, espaços e ponto e vírgula padronizados, com aviso de erro de sintaxe. Grátis, no navegador.
- [Formatador XML](https://pradev.com.br/formatador-xml): Formate e minifique XML online, com indentação de 2 ou 4 espaços e aviso de erro com linha e coluna. Grátis, no navegador.
- [Formatador JSON](https://pradev.com.br/formatador-json): Formate, indente, minifique e valide JSON online. Mostra a linha e a coluna do erro. Grátis, e o que você cola não sai do navegador.
- [Conversor de Timestamp Unix](https://pradev.com.br/timestamp-converter): Converta timestamp Unix (segundos ou milissegundos) em data e hora, e data em timestamp. Grátis, com o seu fuso horário e em UTC.
- [Testador de Regex](https://pradev.com.br/regex-tester): Teste expressões regulares online: destaque dos casamentos, grupos e flags. Usa o motor do JavaScript. Grátis, direto no navegador.
- [Comparador JSON](https://pradev.com.br/comparador-json): Compare dois JSON online e veja o caminho de cada chave adicionada, removida ou alterada. A ordem das chaves não conta. Grátis.