Validador de estructura HTML

¿Qué es Validador HTML?

Este comprobador de HTML encuentra los errores estructurales que más a menudo rompen un diseño: elementos que nunca se cierran, etiquetas de cierre en el orden equivocado, etiquetas de cierre sin apertura, ids y atributos duplicados, <img> sin alt y la falta de doctype, <title> o lang en documentos completos. Es una comprobación local rápida, no el validador oficial del W3C (Nu), y no comprueba qué elementos se permiten en cada lugar.

Cómo usar Validador HTML

1. Pega un documento o fragmento HTML.
2. Haz clic en Validar (los resultados se actualizan mientras escribes).
3. Lee el resumen de errores y advertencias.
4. Usa la línea y columna de cada elemento para corregir tu marcado.

Ejemplo

<div id="a">
<span>text</div>
<p id="a">x
<img src="a.png">
</br>

Errors: 3 · Warnings: 1
Line 2, column 1 <span> is not closed before </div>
Line 3, column 4 Duplicate id "a" (first used on line 1)
Line 4, column 1 <img> has no alt attribute
Line 5, column 1 <br> is a void element and must not have a closing tag

Cuándo usar Validador HTML

Úsalo para localizar rápidamente la etiqueta que rompe un diseño, revisar plantillas y HTML de correo, o detectar ids duplicados antes de que rompan JavaScript o etiquetas de formulario. Para una validación completa de conformidad (modelos de contenido, ARIA, valores de atributos) usa el validador del W3C.

Cómo funciona Validador HTML

Un tokenizador lee etiquetas, atributos, comentarios y elementos de texto sin procesar (script, style, textarea, title) mientras registra las posiciones. Una pila de elementos abiertos sigue las reglas de HTML para elementos vacíos (br, img, input…) y etiquetas de cierre opcionales: </p>, </li>, </td> y similares pueden omitirse, y un nuevo <li> o elemento de bloque cierra implícitamente el anterior, de modo que los atajos válidos de HTML5 no se reportan. El contenido SVG y MathML admite etiquetas autocerradas. Cualquier otro elemento que siga abierto cuando se cierra su padre, o al final de la entrada, es un error.

Casos de Uso Comunes

• ✓ Encontrar un div sin cerrar que rompe el diseño de una página
• ✓ Revisar la salida de un CMS o de una plantilla de correo
• ✓ Detectar ids duplicados que rompen referencias de label/aria
• ✓ Comprobación básica de accesibilidad de imágenes sin texto alternativo

Preguntas Frecuentes

Explora más categorías