PT-BR

Formatar HTML

Com esta ferramenta você pode formatar HTML: cole o código-fonte e receba-o bem indentado ou minificado. Tudo fica no seu navegador, nada é enviado, e blocos pre, scripts e valores de atributos permanecem inalterados.

Fonte: WHATWG HTML Living Standard – Syntax: Void-Elemente, Raw-Text-Elemente (script, style), optionale End-Tags. Atualizado em: .

Cole um documento inteiro ou apenas um trecho (até 500.000 caracteres).

Seu texto fica no seu navegador: não é enviado, não é salvo e não aparece no endereço da página.

Minha caixa de ferramentasSeus dados ficam salvos só neste navegador.

Resultado

Resultado
<div class="cartao"> <h2>Título</h2> <p>Um parágrafo <strong>curto</strong> com um pouco de <em>ênfase</em>.</p> <ul> <li>Um</li> <li>Dois</li> </ul> <hr> </div>
Tamanho
17 tags, 153 → 179 caracteres.

Como o cálculo é feito

Como formatar HTML

  1. Cole o código no campo: um documento inteiro ou só um trecho.
  2. Em “Ação” escolha Formatar ou Minificar e ajuste a indentação, se precisar.
  3. Copie o resultado de volta para o seu editor.

O que a formatação faz

O que a minificação faz

Sequências de espaços e quebras de linha viram um único espaço e os comentários são removidos (comentários condicionais para navegadores antigos ficam). Entre elementos de bloco o espaço some; entre elementos inline fica um espaço, porque o navegador o mostra. O CSS em style é compactado e o JavaScript não é tocado.

Limites

Este não é um analisador HTML completo: código com erros não é reparado, e sim mantido o mais fiel possível e sinalizado. Modelos com sintaxe de servidor, como {% if %} ou <?php ?>, podem ficar com indentação estranha.

Perguntas frequentes

Como formatar HTML online?

Cole o código, escolha “Formatar” e copie o resultado indentado. Não precisa de conta.

Meu código HTML é enviado para algum servidor?

Não. O processamento acontece inteiramente no seu navegador; o código não é enviado nem guardado.

Como formatar HTML no VS Code ou no Notepad++?

No VS Code use Shift+Alt+F; no Notepad++ um plugin de formatação ajuda. Esta ferramenta é a opção rápida quando não há editor à mão.

Minificar muda a aparência da página?

Normalmente não: o navegador já reduz espaços repetidos a um só. Blocos pre são a exceção e ficam intactos.

Posso formatar CSS e JavaScript também?

Estilos e scripts dentro do HTML são indentados, mas não reescritos. Para CSS puro há o minificador de CSS e para JSON o formatador de JSON.

Fontes e base legal

Última atualização: · Princípios editoriais

Ferramentas relacionadas