Cómo usar esta herramienta para desarrolladores
- Pega el HTML completo o un fragmento.
- Ejecuta «Comprobar HTML».
- Revisa los errores y avisos con sus sugerencias.
- Corrige el código original y repite la comprobación.
HTML Checker
Revisa un fragmento o documento HTML con reglas prácticas de estructura, accesibilidad básica y seguridad del marcado. Señala problemas como IDs duplicados, imágenes sin alt, controles sin etiqueta, ausencia de viewport o enlaces _blank sin noopener, y acompaña cada hallazgo con una corrección concreta.
Datos de entrada
Texto o códigoEspacio publicitario
Qué hace esta herramienta para desarrolladores
Comprueba patrones frecuentes que suelen producir HTML frágil o poco accesible. El informe separa errores y avisos y no modifica el código fuente.
El navegador construye un DOM temporal y se aplican reglas explícitas sobre metadatos, atributos, identificadores, formularios y enlaces.
No es el validador oficial del estándar WHATWG/W3C; está pensado como revisión local y rápida antes de una validación más exhaustiva.
Ejemplo
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ejemplo</title>
</head>
<body>
<main>
<h1>Hola</h1>
<img src="foto.jpg" alt="Paisaje">
<a href="https://example.com" target="_blank" rel="noopener noreferrer">Enlace</a>
</main>
</body>
</html>Casos de uso
- Detectar fallos antes de subir una plantilla.
- Revisar accesibilidad básica en componentes.
- Auditar HTML generado por un CMS o constructor visual.
Consejos para obtener resultados fiables
- Incluye el documento completo cuando quieras revisar title, lang y viewport.
- Usa alt="" solo en imágenes realmente decorativas.
- Evita eventos inline cuando una CSP estricta sea importante.
- No des por válido un documento únicamente porque el informe quede vacío.
Detalles del procesamiento
El DOMParser del navegador normaliza parte del HTML antes de aplicar las reglas. Por eso el informe se centra en propiedades observables del DOM resultante.
Los navegadores corrigen automáticamente cierto marcado roto; algunos errores de anidación pueden no quedar visibles después del parseo.
Preguntas frecuentes
¿Qué errores detecta un HTML Checker ejecutado en el navegador?
Detecta varios problemas comunes de estructura, metadatos, accesibilidad básica, IDs y atributos, pero no cubre toda la especificación HTML.
¿Por qué el navegador puede aceptar HTML que contiene etiquetas mal cerradas?
El parser HTML aplica reglas de recuperación y reconstruye el DOM; por eso un documento puede renderizarse aunque el origen tenga problemas.
¿El HTML Checker sustituye al validador oficial de HTML?
No. Sirve para una revisión práctica local; para conformidad exhaustiva conviene usar además un validador especializado.
¿Cómo detecta imágenes sin texto alternativo?
Busca elementos img que no tengan el atributo alt. Un alt vacío se considera presente y puede ser correcto para imágenes decorativas.
¿Se envía mi código HTML a algún servidor durante la comprobación?
No. La revisión incluida en esta página se ejecuta en el navegador con DOMParser y reglas JavaScript locales.
Herramientas relacionadas para desarrolladores
Módulos del análisis
| Módulo | Función |
|---|---|
| Estructura | Comprueba doctype, idioma, title y viewport. |
| Accesibilidad | Revisa alt y etiquetado básico de formularios. |
| Seguridad de marcado | Advierte sobre eventos inline y target _blank sin noopener. |