Ferramentas para desenvolvedores
Formatador de HTML
Formate, alinhe e compacte código HTML online com controlo de indentação e suporte a comentários condicionais.
Executar ferramenta
O formatador de HTML organiza e estrutura blocos de marcação para facilitar a leitura e manutenção do seu código Web. Ao introduzir o texto no editor, pode optar por formatar a estrutura com uma indentação personalizada entre 0 e 8 espaços ou selecionar a compactação de dados. No modo de embelezamento, o sistema aplica o recuo selecionado para alinhar as etiquetas aninhadas de forma clara e hierárquica. Caso selecione a compactação, o utilitário remove os comentários comuns, preservando apenas comentários condicionais que comecem exatamente por [if, colapsa espaços em branco repetidos entre marcas e elimina espaçamentos marginais desnecessários. O serviço aceita entradas de texto até ao limite de 1000000 de bytes em formato UTF-8. Quando o campo de entrada é deixado em branco ou preenchido apenas com espaços, o resultado devolve uma resposta limpa e vazia. Em caso de falha de análise da sintaxe, o ecrã apresenta o respetivo aviso de erro.
Instruções
- Introduza ou cole o código HTML no campo de entrada.
- Defina o número de espaços para a indentação entre 0 e 8 (o valor padrão é 2).
- Indique o modo pretendido para embelezar a marcação ou compactar o documento.
- Execute a operação para gerar o código estruturado no painel de saída.
Exemplos
- Formatação simples: ao introduzir <div><p>Exemplo</p></div> com indentação de 2 espaços no modo de embelezamento, o painel exibe as etiquetas aninhadas em linhas separadas com o respetivo recuo.
- Compactação de código: ao introduzir marcação com múltiplos espaços e comentários normais no modo de compactação, o resultado devolve uma sequência contínua sem linhas vazias, mantendo comentários condicionais iniciados por [if.
Perguntas frequentes
O que acontece se indicar uma indentação fora do intervalo de 0 a 8?
Se o valor introduzido não for um número válido ou se situar fora do intervalo permitido de 0 a 8, o formatador aplica automaticamente o padrão de 2 espaços.
Os comentários do código HTML são mantidos durante a formatação?
No modo de embelezamento os comentários normais são mantidos. No modo de compactação, os comentários comuns são removidos, preservando apenas comentários condicionais iniciados por [if.
Existe algum limite no tamanho do ficheiro ou texto processado?
Sim, a ferramenta aceita entradas de texto até ao limite máximo de 1000000 de bytes em codificação UTF-8.
Como reage a ferramenta quando a entrada está vazia?
Se o campo de entrada estiver vazio ou preenchido unicamente com espaços em branco, a área de resultado apresenta uma resposta em branco sem emitir mensagens de erro.