Formatador HTML online

Indente fragmentos HTML preservando atributos, texto e blocos pre, script e style. Copie o código e confira os espaços.

Processamento no navegador: os dados não são enviados.

Informe seus dados

Informe seus dados

Até 100.000 caracteres e 10.000 tokens. Somente HTML, sem validação ou JSX. Espaços entre blocos podem mudar.

Resultado

Insira os dados para ver o resultado.

Contamos quais ferramentas são mais usadas, sem incluir os valores informados nem o conteúdo dos arquivos nas estatísticas. Privacidade

Como usar

Trabalhe em uma cópia HTML. Atributos e blocos pre, script, style, textarea e title são preservados; espaços entre blocos são ajustados. Não há conversão de JSX nem validação do documento.

Dados do exemplo
Dados de entradaResultado
<div><p>A <strong>B</strong> C</p></div><div> <p>A <strong>B</strong> C</p> </div>

Método e limites

O recuo adiciona ou substitui espaços entre blocos. Confira a exibição com CSS white-space. O código não é validado nem executado.

Exemplo

Caso de uso

Dados de entrada
<div><p>A <strong>B</strong> C</p></div>
Resultado
<div> <p>A <strong>B</strong> C</p> </div>

Em uma frase com strong, os espaços em volta do elemento separam palavras. Preserve-os. Dentro de pre, quebras de linha e espaços iniciais devem permanecer, mesmo com o contêiner externo indentado.

Quais são os limites da ferramenta?

Até 100.000 caracteres e 10.000 tokens. Somente HTML, sem validação ou JSX. Espaços entre blocos podem mudar.

Os dados e resultados são processados no navegador e não são enviados ao servidor. As estatísticas agregadas, quando ativas, registram apenas a ferramenta e o status do processamento, sem o conteúdo.

Fontes

GUIAS PRÁTICOS

Espaços e indentação em HTML

Veja quais espaços podem mudar uma página e o que conferir depois de formatar um fragmento HTML.

Siga o passo a passo

Favoritos