Formatadores de código

HTML Formatter

Formate documentos e excertos HTML com indentação de 2 ou 4 espaços, organizando etiquetas, atributos e conteúdo incorporado suportado.

Prima Ctrl / ⌘ + Enter para executar
Resultado só de leitura

Formate documentos e excertos HTML com indentação de 2 ou 4 espaços, organizando etiquetas, atributos e conteúdo incorporado suportado.

O que esta ferramenta faz

O HTML Formatter organiza a indentação e as mudanças de linha de documentos ou fragmentos HTML, incluindo o código suportado nos elementos script e style. Indica os erros e preserva a entrada original para edição.

  • A entrada é tratada como texto; não são executados HTML nem scripts.
  • Suporta documentos completos e excertos de HTML comuns.
  • Os erros de análise exibem mensagens específicas e preservam a entrada.

Como utilizar

  1. Cole o documento ou o snippet HTML.
  2. Escolha recuo de 2 ou 4 espaços.
  3. Clique em “Formatar HTML”.
  4. Copie os resultados ou descarregue o ficheiro formatted.html.

Utilizações comuns

  • Organize modelos compactados.
  • Unifique o recuo e o agrupamento de atributos antes da revisão do código.
  • Verifique se existem problemas evidentes na estrutura do rótulo.

Funcionalidades do HTML Formatter

Formate documentos HTML completos ou excertos de código com indentação e quebras de linha uniformes. Reveja o resultado e copie-o ou descarregue-o.

FAQ

A ferramenta executará o script?

A entrada é tratada como texto; não são executados HTML nem scripts.

Porque é que o estilo de saída é diferente do texto original?

A formatação uniformiza a indentação e as mudanças de linha, pelo que os atributos podem passar para outra linha e algumas etiquetas podem mudar de apresentação.

Uma página que contenha estilo e script pode ser formatada?

Sim. É possível formatar CSS e JavaScript incorporados comuns sem executar o código.

Voltar às Ferramentas para programadores