Como usar
- Cole seu código HTML na área de entrada.
- Selecione Formatar em Modo.
- Escolha 2 espaços, 4 espaços ou Tab em Indentação.
- Clique em Formatar HTML ou pressione Ctrl+Enter no Windows ou Cmd+Enter no Mac para gerar o resultado.
Exemplos
Organizar uma tabela de preços
Entrada
<table><thead><tr><th>Produto</th><th>Preço</th></tr></thead><tbody><tr><td>Café moído 500 g</td><td>R$ 24,90</td></tr><tr><td>Filtro de papel</td><td>R$ 6,50</td></tr></tbody></table>
Saída
<table>
<thead>
<tr>
<th>Produto</th>
<th>Preço</th>
</tr>
</thead>
<tbody>
<tr>
<td>Café moído 500 g</td>
<td>R$ 24,90</td>
</tr>
<tr>
<td>Filtro de papel</td>
<td>R$ 6,50</td>
</tr>
</tbody>
</table>Separar atributos de um campo de cadastro
Entrada
<label for="email">Seu e-mail</label><input type="email" id="email" name="email" class="campo-cadastro" placeholder="voce@exemplo.com.br" autocomplete="email" required>
Saída
<label for="email">Seu e-mail</label><input type="email" id="email" name="email" class="campo-cadastro" placeholder="voce@exemplo.com.br" autocomplete="email" required>
Minificar um e-mail com trecho para Outlook
Entrada
<!-- Campanha de primavera --> <div style="padding: 20px; color: #333333;"> <!--[if mso]><p>Confira nossas ofertas no site.</p><![endif]--> <p>Olá, Ana! Veja as novidades da loja.</p> <a href="https://loja.exemplo.com.br/ofertas">Ver ofertas</a> </div>
Saída
<div style="padding:20px;color:#333"><!--[if mso]><p>Confira nossas ofertas no site.</p><![endif]--><p>Olá, Ana! Veja as novidades da loja.</p><a href="https://loja.exemplo.com.br/ofertas">Ver ofertas</a></div>
Perguntas frequentes
O formatador também valida o HTML?
A ferramenta avisa sobre tags não fechadas, fechamentos sem abertura correspondente e atributos duplicados, com o número da linha. Esses avisos não bloqueiam o resultado e não substituem uma validação W3C. Clique em um aviso para ir à linha indicada.
Meu código HTML é enviado para um servidor?
A formatação e a minificação são feitas no seu navegador, sem enviar o HTML ao servidor. Nesta ferramenta, o código aparece apenas como texto: imagens e scripts contidos nele não são carregados nem executados.
Posso formatar só um trecho de HTML?
Você pode usar um fragmento, como uma tabela ou um formulário, sem incluir o documento inteiro. A ferramenta não adiciona as tags html nem body ao trecho.
Quais arquivos posso usar para formatar HTML?
São aceitos arquivos .html, .htm, .xhtml, .xml, .svg, .vue e .txt. Arquivos maiores que 10 MB são rejeitados.