Validador de HTML
Verifique marcação HTML em busca de problemas estruturais — tags não fechadas ou incompatíveis, IDs duplicados, elementos obsoletos, atributos obrigatórios ausentes (alt e src em img, href em a) e elementos de bloco dentro de elementos inline — com uma lista de problemas e seus números de linha. Um linter estrutural leve que roda inteiramente no seu navegador.
Entrada
Saída
Resumo
| Métrica | Valor |
|---|---|
| No data yet | |
Problemas
| Gravidade | Linha | Coluna | Mensagem |
|---|---|---|---|
| No data yet | |||
Mais formas de usar esta ferramenta
API REST
curl -X POST https://api.iotools.cloud/v1/tool/html-validator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"htmlInput": "<!DOCTYPE html>\n<html>\n<head>\n <title>My Page</…"
}'Troque pela sua própria chave, da sua conta. Os campos da ferramenta viram o corpo da requisição — sem envelope.
Peça a um agente de IA
Use the IOTools `html-validator` tool (HTML Validator) on this input:
YOUR_INPUT_HERECole isto em qualquer agente conectado ao servidor MCP do IOTools e depois adicione sua entrada.
Widget para incorporar
<iframe
src="https://iotools.cloud/embed/html-validator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Validador de HTML — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Coloque isso na sua própria página — grátis, sem chave, só um link de volta.
| Custo por chamada de API/MCP | A partir de 5 créditos |
|---|---|
| Precisa de mais créditos? | Ver preços |
Também disponível via
Guias
Cole qualquer marcação HTML e receba um relatório instantâneo, linha por linha, dos problemas estruturais — tags não fechadas, tags de fechamento incompatíveis, IDs duplicados, elementos obsoletos, atributos obrigatórios ausentes e aninhamento inválido. O Validador de HTML é um linter estrutural leve que roda inteiramente no seu navegador, então nada do que você cola sai do seu dispositivo.
Como usar
- Cole ou digite seu HTML na caixa de entrada (um documento completo ou um trecho funcionam).
- A ferramenta valida enquanto você digita — não há botão para pressionar.
- Leia a tabela Resumo para ter um veredito rápido (válido, válido com avisos ou inválido), além das contagens de erros e avisos.
- Percorra a tabela Problemas para ver cada questão, com sua gravidade, número da linha, coluna e uma mensagem em linguagem simples. Copie ou baixe a lista em CSV para compartilhar com sua equipe.
O que ele verifica
- Tags não fechadas — um elemento aberto e nunca fechado, ou deixado aberto quando seu pai é fechado.
- Tags de fechamento incompatíveis / inesperadas — um
</tag>sem tag de abertura correspondente, ou tags fechadas fora de ordem (ex.:<b>...<i>...</b></i>). - IDs duplicados — o mesmo valor de
idusado em mais de um elemento, o que quebra âncoras, rótulos e scripts. - Elementos obsoletos — tags antigas como
<center>,<font>,<marquee>,<big>e<strike>, que não fazem mais parte do HTML. - Atributos obrigatórios ausentes —
<img>semaltousrc,<a>semhref,<script>semsrc(scripts inline são isentos) e<link>semhref. - Aninhamento de bloco dentro de inline — um elemento de bloco como
<div>colocado dentro de um elemento inline como<span>. - Sintaxe de autofechamento em elementos não vazios e tags de fechamento em elementos vazios como
<br>ou<img>. - Estrutura de documento ausente — uma página completa sem
<!DOCTYPE html>,<html>,<head>ou<body>.
Isto é um validador W3C completo?
Não. Esta é uma ferramenta de linting estrutural leve, não uma implementação completa da especificação HTML do W3C/WHATWG. Ela captura os erros comuns de maior impacto, que quebram renderização, acessibilidade ou scripts — os que você realmente encontra no dia a dia — usando um tokenizador rápido baseado em regex e pilha. Para conformidade exaustiva com a especificação (modelos de conteúdo, regras de ARIA, codificação de caracteres), passe sua marcação pelo Serviço de Validação de Marcação do W3C oficial.
Meu HTML é enviado para algum lugar?
Não. Toda a validação acontece localmente no seu navegador, com JavaScript puro. Sua marcação nunca é enviada a um servidor, o que torna a ferramenta segura para modelos privados, HTML de e-mails e páginas não publicadas.
O que significam "erro" e "aviso"?
Erros são falhas estruturais que afetam a forma como um navegador interpreta seu documento — tags não fechadas, IDs duplicados, src/alt/href ausentes. Avisos são problemas de boas práticas que normalmente ainda renderizam — elementos obsoletos, doctype ausente ou aninhamento de bloco dentro de inline. Corrija primeiro todos os erros e depois revise os avisos.
Posso validar apenas um trecho?
Sim. Cole um fragmento e a ferramenta ainda informa problemas de tags e atributos. Você verá avisos sobre o doctype e <html>/<head>/<body> ausentes — ignore-os quando estiver verificando de propósito um template parcial.