#096 · Herramienta para desarrolladores

HTML Validator

Valida requisitos estructurales concretos de un documento HTML: doctype, elementos básicos, title único, main no duplicado, IDs únicos, referencias de label y fragmentos internos, imágenes con src y ciertos casos de contenido interactivo anidado. Devuelve un resultado válido/inválido según esas reglas locales.

Datos de entrada

Texto o código
Espacio publicitario

Cómo usar esta herramienta para desarrolladores

  1. Pega preferiblemente el documento HTML completo.
  2. Pulsa «Validar HTML».
  3. Corrige cada regla marcada en la salida.
  4. Vuelve a validar y, para publicación, complementa con un validador normativo.

Qué hace esta herramienta para desarrolladores

Aplica un conjunto determinista de reglas de validez práctica sobre el DOM construido en el navegador y produce una lista de infracciones cuando alguna no se cumple.

Primero se parsea el HTML y después se comprueban invariantes concretas. La salida «Válido» significa que superó estas reglas, no que cumpla cada requisito de la especificación HTML.

Para una validación normativa completa debes complementar el resultado con herramientas que implementen íntegramente las reglas WHATWG/W3C.

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

  • Comprobar plantillas antes de integrarlas.
  • Detectar IDs duplicados y fragmentos rotos.
  • Verificar relaciones label-for en formularios.

Consejos para obtener resultados fiables

  • Incluye <!doctype html> cuando valides una página completa.
  • Mantén un único main por documento.
  • Comprueba que los enlaces internos apunten a IDs existentes.
  • No interpretes «Válido» como certificación formal del estándar.

Detalles del procesamiento

La validación se ejecuta contra el DOM normalizado, lo que permite comprobar referencias entre nodos pero limita la detección de ciertos errores presentes solo en el texto fuente.

No valida CSS, JavaScript, ARIA exhaustivo ni requisitos específicos de frameworks o motores de plantillas.

Preguntas frecuentes

¿Qué significa que el HTML sea válido según esta herramienta?

Significa que supera el conjunto de reglas locales descritas en la página; no equivale a una certificación completa de la especificación HTML.

¿El validador detecta IDs duplicados y enlaces internos rotos?

Sí. Comprueba IDs repetidos y enlaces href que apuntan a fragmentos sin un elemento destino.

¿Por qué conviene validar el documento completo y no solo un fragmento HTML?

Reglas como doctype, title, head o body solo pueden evaluarse de forma significativa cuando se proporciona el documento completo.

¿Se valida también el CSS o JavaScript incluido en la página?

No. Esta herramienta se centra en reglas HTML; los lenguajes embebidos requieren validadores o checkers específicos.

¿Puede un navegador corregir automáticamente HTML inválido antes de que se analice?

Sí. DOMParser aplica recuperación de errores, por lo que algunas irregularidades del texto fuente pueden quedar normalizadas en el DOM resultante.

Módulos del análisis

MóduloFunción
Reglas estructuralesComprueba piezas esenciales del documento.
Referencias internasValida IDs, labels y fragmentos.
Resultado booleanoClasifica la entrada como válida o inválida según las reglas locales.