PortuguêsPT

Formatador de HTML – organizar código HTML

Cole seu HTML e clique em “Formatar HTML” para organizá-lo com as regras do Prettier.

Seus textos e arquivos não saem do navegador: nada é enviado para nenhum servidor.

Como usar

  1. Cole seu HTML e clique em “Formatar HTML”. Na primeira vez pode levar um instante enquanto o formatador é baixado.
  2. Ajuste “Indentação” e “Largura da linha”. Linhas que passam dessa largura são quebradas, levando atributos ou conteúdo para linhas novas.
  3. O modo de espaços padrão protege os espaços em volta dos elementos inline para que a página continue com a mesma aparência. “Ignorar os espaços” deixa o código mais limpo, mas pode mudar o espaçamento entre as palavras.
  4. Se as tags não baterem, aparecem a linha e a coluna do problema. Para conferir a estrutura com mais detalhe, experimente o Validador de HTML.

Perguntas frequentes

Quais regras de formatação são usadas?

A ferramenta roda o Prettier, formatador de código aberto muito usado (licença MIT), direto no seu navegador, então o resultado é praticamente o mesmo que o Prettier dá no seu editor.

A formatação muda a aparência da página?

No modo padrão, os espaços são tratados de forma que a página fique igual na tela; por isso, às vezes as tags quebram de linha de um jeito estranho. “Ignorar os espaços” fica mais limpo, mas pode mudar o espaçamento entre elementos inline.

Meu código é enviado para um servidor?

Não. Até o próprio formatador é baixado para o seu navegador, e tudo é processado no seu dispositivo.

Ferramentas relacionadas

Validador de HTMLConfira as tags e a estrutura do HTMLFormatador JS/CSSFormate JS, TS, CSS, SCSS e LESSEditor HTMLEscreva HTML, CSS e JS e veja ao vivoFormatador XMLFormate, minifique e valide XML

Todas as ferramentas