Formatador de HTML

Formate HTML com indentação legível e controle de espaços.

Frontend e design
Preparando seu ambiente de trabalho…
Entrada
Saída
Seu resultado aparecerá aqui.

Como usar

  1. Cole texto, abra um arquivo UTF-8 ou teste o exemplo.
  2. Escolha entrada e opções, execute a ferramenta ou ative a execução automática.
  3. Revise, copie ou baixe o resultado. Alterar a entrada invalida o resultado anterior.

Formatador de HTML

Formate HTML com indentação legível e controle de espaços.

O processamento ocorre no navegador. Sua entrada não é enviada ao DevToolsy.

Como funciona

Prettier formata HTML como código-fonte. Não renderiza o conteúdo nem executa scripts. O código dentro de script e style não é reformatado.

Antes e depois
Entrada
<main><h1>Project notes</h1><p>Built with <strong>care</strong> for the web.</p><ul><li>Fast</li><li>Local</li></ul></main>
Saída
<main>
  <h1>Project notes</h1>
  <p>Built with <strong>care</strong> for the web.</p>
  <ul>
    <li>Fast</li>
    <li>Local</li>
  </ul>
</main>

Formate HTML com indentação legível e controle de espaços.

Opções e fidelidade dos dados

Escolha espaços conforme CSS, modo estrito ou ignorar, além de indentação e largura. CSS é o padrão; ignorar pode mudar o espaço visível.

Trabalhando com o resultado

Não audita semântica, acessibilidade nem marcação perigosa. Revise o resultado no projeto e use validadores específicos antes de publicar.

Revise, copie ou baixe o resultado. Alterar a entrada invalida o resultado anterior.

Limites de processamento

Entrada UTF-8 de até 1 MiB por documento, saída de até 8 MiB. JSONPath e Schema: 5 segundos; outras ferramentas: 30 segundos.

Leitura complementarPrettier HTML whitespace
?

Perguntas frequentes

O HTML é renderizado ou executado?

Prettier formata HTML como código-fonte. Não renderiza o conteúdo nem executa scripts. O código dentro de script e style não é reformatado.

Como espaços significativos são tratados?

Escolha espaços conforme CSS, modo estrito ou ignorar, além de indentação e largura. CSS é o padrão; ignorar pode mudar o espaço visível.

Verifica acessibilidade ou segurança?

Não. Não audita semântica, acessibilidade nem marcação perigosa. Revise o resultado no projeto e use validadores específicos antes de publicar.

Minha entrada é enviada?

O processamento ocorre no navegador. Sua entrada não é enviada ao DevToolsy.

Posso abrir um arquivo local?

Entrada UTF-8 de até 1 MiB · saída de até 8 MiB

Encontre sua próxima ferramenta

Idioma

Mudar de idioma? Os dados atuais serão apagados. Copie ou baixe seu trabalho primeiro.