Reparador HTML
Repare HTML quebrado online — corrija tags não fechadas, aspas ausentes, elementos desalinhados e aninhamento errado.
O que é o Reparador HTML?
Tem HTML que está quase certo mas explodindo a página? Um <p> não fechado, um </div> perdido ou um href sem aspas conseguem jogar o resto do documento num estado de parsing estranho. O navegador faz o melhor que pode com a marcação ruim — mas o resultado raramente é o que você queria. Cole aqui que devolvemos algo com que o parser fica feliz, seguindo as regras do WHATWG HTML Living Standard.
É focado nas quebras do dia a dia: tag de fechamento ausente, aspa que não foi escapada, valor de atributo sem o ", item de lista que ficou aberto, elemento de bloco aninhado onde não deveria. Aquele tipo de coisa que o Validador W3C oficial sinaliza um erro de cada vez. O reparador lê o documento inteiro de uma vez e devolve uma versão limpa que você pode plugar de volta no projeto.
Sua marcação é enviada ao serviço de reparo via HTTPS e não é retida. Se houver segredos inline como chaves de API hardcoded em <code><script></code> ou atributos <code>data-*</code>, esconda esses valores antes de colar.
Como Usar o Reparador HTML
Três passos. Funciona em fragmentos parciais, documentos completos ou qualquer mistura esquisita que veio de um export de CMS.
Cole HTML Quebrado ou Carregue um Exemplo
Coloque seu HTML no editor da esquerda. Clique em HTML de Exemplo para uma pequena página de confirmação de pedido com os erros típicos — um <head> que nunca fecha, um item de lista sem </li>, um href sem aspas. Exemplo de HTML quebrado:
<p>Your order <strong>SKU-101 ships tomorrow.
<ul>
<li>1 x Laptop Stand
<li>2 x USB-C Cable</li>
</ul>Três erros aqui: <strong> nunca fecha, o primeiro <li> não é encerrado, e não tem </p>. O reparador fecha tudo na ordem certa.
Clique em Reparar HTML!!
Aperte o botão verde Reparar HTML!!. Mandamos sua marcação para o serviço de reparo, que fecha os elementos abertos conforme as regras de sintaxe HTML, restaura aspas de atributos e corrige aninhamento quando ele está claramente errado. Seu conteúdo de texto, classes, ids e estilos inline ficam intocados.
Revise a Saída Reparada
O painel da direita tem o HTML reparado. Coloque num navegador, no nosso Validador HTML para uma conferência, ou de volta no seu CMS. Para uma revisão de acessibilidade mais profunda use uma ferramenta a11y dedicada — isso é uma preocupação separada da reparação de sintaxe.
Quando Você Realmente Usa Isso
Corrigir Saída de CMS ou Template de E-mail
Editores WYSIWYG e construtores de templates de e-mail adoram entregar marcação sutilmente quebrada — tags <p> órfãs, atributos alt ausentes, um <td> não fechado vez ou outra. Passe o export por aqui antes de publicar pra página renderizada não dar saltos inesperados entre navegadores.
Salvar Marcação Colada de Apps de Office
Word e Google Docs colam um emaranhado de <span>s e atributos proprietários que costumam ter tags desbalanceadas ou perdidos. O reparador limpa a estrutura pra você continuar editando o resultado em vez de reescrever do zero.
Reparar Componentes Escritos à Mão
Trechos rápidos de HTML num tutorial, numa página de wiki ou num README antigo — copia, deixa limpo, cola onde precisa ir. Útil pra se desbloquear ao copiar exemplos que funcionavam no post de blog de outra pessoa mas não no seu.
Higienizar Páginas Raspadas Antes do Parsing
Quando você está raspando HTML pra alimentar um extrator, marcação quebrada confunde parsers baseados em DOM. Passe as páginas por aqui primeiro pra dar ao seu parser uma estrutura estável pra trabalhar. Combine com um validador de verdade se precisar de conformidade estrita.
Perguntas Frequentes
Meu HTML é armazenado ou compartilhado?
O HTML que você cola é enviado ao nosso backend via HTTPS pra rodar o reparo, e não retemos nada depois que a resposta volta. Não há trackers de terceiros no caminho da requisição. Dito isso, se sua página contém chaves de API hardcoded, URLs internas ou tokens de analytics, trate como qualquer paste público — tire os valores sensíveis antes.
Que tipos de erros HTML ele de fato corrige?
Tags não fechadas (<p>, <li>, <td>, <span>), fechamentos desalinhados, aspas de atributo ausentes ou desbalanceadas, DOCTYPE malformado, &/</> soltos no texto que deveriam ser entidades, e erros de aninhamento óbvios (elemento de bloco dentro de elemento inline). Ele não inventa conteúdo ausente nem reescreve marcação válida.
Vai mexer nas minhas classes, ids ou estilos inline?
Não. O reparador é instruído explicitamente a corrigir só sintaxe — nomes de classe, ids, atributos style inline, atributos data-* e handlers de evento como onclick passam intocados. Se a saída parecer que algum deles foi modificado, isso é bug.
Produz HTML5, XHTML ou ambos?
Mira HTML5 — é o que todo navegador atual parseia. Tags auto-fechadas em elementos void como <br /> são aceitas na entrada, mas a saída usa a forma padrão HTML5. Se você precisa especificamente de XHTML estrito (raro hoje), use uma ferramenta XHTML dedicada.
Por que não rodar meu HTML direto no Validador W3C?
Você deve, pra passada final — o validador W3C é a fonte da verdade do que conta como HTML válido. Mas ele mostra erros um de cada vez e não corrige. O reparador é pra quando você quer fechar o documento numa só passada primeiro; depois você roda o validador pra confirmar.
E acessibilidade — adiciona alt ou ARIA ausentes?
Não, e isso é deliberado. Roles ARIA e texto alt são decisões de conteúdo, não de sintaxe. Adicionar alt="" de placeholder mascararia um problema real de acessibilidade. Rode uma auditoria a11y dedicada (axe, WAVE, Lighthouse) pra isso.
Outras Ferramentas HTML que Você Pode Precisar
Corrigir a sintaxe é só o começo. Depois que parseia, esses são bons passos seguintes: