Este formatador privilegia uma estrutura fácil de ler. Coloca os elementos aninhados no nível certo e mantém visíveis os atributos, comentários, declarações e conteúdo de texto. Não remove comentários nem comprime o tamanho do ficheiro, pelo que não substitui um minificador HTML. O código é processado localmente e nunca é carregado.
Formatador HTML grátis
Funciona inteiramente no navegador - sem carregar nada, sem registo.
HTML
HTML formatado
Cole HTML para o formatar
O que faz um formatador HTML?
Um formatador HTML transforma código comprimido ou com recuos irregulares em HTML legível e bem indentado. Cole um documento ou excerto, escolha dois espaços, quatro espaços ou tabulação e copie o resultado. O formatador reconhece elementos vazios de HTML5, etiquetas de fecho opcionais comuns e o conteúdo em bruto de script e style. Todo o processamento decorre no browser.
Como utilizar
- 1Cole o HTML. Adicione um documento HTML completo, modelo ou excerto ao editor de entrada, ou carregue o exemplo.
- 2Escolha a indentação. Selecione dois espaços, quatro espaços ou tabulação. O resultado formatado é atualizado de imediato.
- 3Verifique a estrutura. Consulte o número de elementos, atributos e níveis de profundidade e percorra o resultado indentado.
- 4Copie o resultado. Copie o HTML formatado e cole-o no editor, CMS ou revisão de código.
Para quem é
- Programadores frontend que organizam um modelo compacto antes de procurar um problema de aninhamento ou rever um diff.
- Programadores de e-mail que tornam o código exportado de uma newsletter mais fácil de ler sem enviar o HTML privado da campanha para um servidor.
- Editores de CMS que desembaraçam um componente ou excerto de página copiado antes de alterar classes, ligações ou conteúdo.
- Estudantes que observam a relação entre elementos pai e filho num documento HTML real através de uma indentação uniforme.
Perguntas frequentes
Este formatador HTML é grátis?
Sim. O formatador HTML é grátis, sem registo, transferência ou limite de utilização. Cole um documento ou excerto HTML, escolha o tipo de indentação e copie o resultado formatado diretamente no browser.
O meu HTML é carregado para algum lado?
Não. A formatação acontece localmente no browser. O HTML colado não é enviado para um servidor, por isso a ferramenta pode ser usada com modelos internos, landing pages ainda não publicadas, código de e-mail e excertos que contenham URL ou identificadores privados.
Que quantidade de HTML posso formatar?
Não existe um limite fixo no servidor porque nada é carregado. Os documentos muito grandes dependem do browser e da memória do dispositivo, mas páginas, componentes, modelos de e-mail e excertos de código comuns devem ser formatados de imediato.
O formatador reconhece etiquetas sem fecho?
Sim. Reconhece elementos vazios de HTML5 como img, br, input, meta e link, que nunca precisam de etiqueta de fecho. Também trata os fechos opcionais comuns de itens de lista, parágrafos, opções, linhas e células de tabela ao calcular a indentação correta.
O conteúdo de script e style é alterado?
O formatador trata o conteúdo de script e style como texto em bruto. Assim, operadores de comparação, seletores CSS e strings com sinais de menor não são confundidos com etiquetas HTML. Ajusta a indentação do bloco, mas não reescreve o JavaScript nem o CSS.
A ferramenta valida ou corrige HTML inválido?
Não. É um formatador, não um validador de normas nem um serviço de correção automática. Indica comentários, declarações, etiquetas e elementos de texto em bruto que estejam claramente por fechar, mas aceita as etiquetas de fecho opcionais permitidas pelo HTML. Use o Nu HTML Checker quando precisar de validar a conformidade.
Qual é a diferença entre um formatador e um minificador HTML?
Um formatador acrescenta quebras de linha e indentação para facilitar a leitura e edição do código. Um minificador remove espaços opcionais e pode retirar comentários para reduzir o tamanho transferido. Esta página apenas formata HTML e mantém a estrutura e os comentários visíveis.