Formatar HTML
Você obteve HTML minificado via "Exibir código-fonte" de um site, ou colou um fragmento gerado automaticamente e está tudo em uma única linha ilegível? Cole aqui para obter uma versão indentada, uma tag por linha, antes de estudá-lo ou modificá-lo.
Atenção: trata-se de um formatador básico (indentação por nível de aninhamento) e não de um analisador HTML completo como os do Prettier. Ele não corrige tags mal fechadas nem erros de sintaxe, e o conteúdo de blocos <script> ou <style> não é reformatado especificamente.
Como funciona
Cole seu HTML minificado ou compacto no campo acima e clique em "Formatar": a ferramenta identifica as tags de abertura, fechamento e autofechamento, coloca cada tag em sua própria linha e indenta com 2 espaços por nível de aninhamento. As tags autofechamento comuns (br, img, input, meta, link, hr, etc.) são reconhecidas mesmo sem /> explícito.
Por que meu HTML formatado não é visualmente idêntico?
A reformatação adiciona quebras de linha e espaços de indentação entre as tags, o que pode modificar ligeiramente a renderização se o seu CSS depender de espaços em branco entre elementos (raro, mas possível com display: inline). O conteúdo e a estrutura HTML permanecem idênticos: apenas a apresentação do código-fonte muda.
Esta ferramenta pode corrigir HTML inválido?
Não. O formatador assume que suas tags estão em geral bem formadas (abertas e depois fechadas na ordem correta). Se ele encontrar uma tag nunca fechada ou uma sintaxe realmente incomum, o resultado pode ficar mal indentado. Para validar a conformidade do seu HTML, use um validador dedicado como complemento.
A formatação é executada 100% localmente no seu navegador via WebAssembly: seu código HTML nunca é enviado a um servidor.