Formatar HTML (indentar e embelezar)
Formate e indente código HTML bagunçado ou minificado online: cada tag no seu nível, com o CSS e o JavaScript de dentro da página formatados junto, escolha de 2 ou 4 espaços ou tab e quebra de linhas longas.
Cole o seu HTML.
Tudo é feito no seu aparelho: nada é enviado para a internet.
Formatar HTML (indentar e embelezar): para que serve
HTML minificado ou copiado de outro lugar costuma vir numa linha só, sem recuo, difícil de ler e de editar. Cole o código e cada tag vai para o seu nível, com o conteúdo das tags style e script formatado junto.
Escolha recuo de 2 ou 4 espaços ou tab, quebra de linhas longas em 100 ou 120 colunas, recuo do head e do body e se as linhas em branco do original ficam. Elementos como pre e textarea são mantidos como estão. A formatação usa a biblioteca js-beautify e roda no navegador.
Como usar
- Cole o HTML.
- Escolha o recuo e as opções.
- Copie ou baixe o resultado.
Quando usar
- Ler o código-fonte de uma página.
- Organizar um template antes de editar.
- Revisar HTML gerado por outro sistema.
Perguntas frequentes
Formatar muda o funcionamento da página?
Não. A formatação só acrescenta quebras de linha e recuos entre as tags. Os elementos que mostram o espaço como está, como pre e textarea, são preservados sem mudança.
O CSS e o JavaScript de dentro do HTML também são formatados?
Sim. O conteúdo das tags style e script é formatado com as mesmas regras de recuo.
O meu código é enviado para algum lugar?
Não. A formatação usa a biblioteca js-beautify rodando no seu navegador; nada sai do seu aparelho.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.