Formatador de HTML
Cole um código HTML bagunçado e receba o resultado com indentação organizada, ou comprima o código para deixar o site mais leve.
Carregando a ferramenta interativa… Ative o JavaScript para processar seus arquivos e obter resultados.
Como usar
- Cole o HTML.
- Escolha formatar ou minificar e o tamanho do recuo.
- Copie o resultado ou baixe o arquivo.
Sobre esta ferramenta
Código copiado de editores de página, e-mails ou sistemas costuma vir em uma linha só ou com recuos desencontrados, o que dificulta encontrar erros. Formatar o HTML deixa a estrutura visível: cada elemento no seu nível, fácil de ler e de revisar.
Para o caminho oposto, a minificação remove espaços e comentários e deixa o arquivo menor, o que ajuda no carregamento do site. Você escolhe o recuo de 2 espaços, 4 espaços ou tabulação.
Perguntas frequentes
Qual a diferença entre formatar e minificar?
Formatar organiza o código com recuos e quebras de linha para facilitar a leitura. Minificar faz o contrário: remove espaços e comentários para reduzir o tamanho do arquivo.
O formatador altera o funcionamento da página?
Não deve. Ele só muda espaços e quebras de linha, e o conteúdo de pre, textarea e script é preservado. Em casos raros, a mudança de espaços entre elementos pode alterar a exibição, então teste a página.
Meu código é enviado para algum servidor?
Não. Tudo acontece no seu navegador.
Os comentários são mantidos?
Ao formatar, sim. Ao minificar, os comentários são removidos, exceto os condicionais para versões antigas do Internet Explorer.