¿Qué sucede si escribimos un código HTML no válido?

El navegador intentará corregir los errores basándose en los algoritmos de análisis de HTML5. Creará un árbol DOM correcto, ignorando o corrigiendo las etiquetas mal anidadas, las etiquetas de cierre faltantes y otros errores de sintaxis. Sin embargo, el resultado puede ser impredecible y variar entre diferentes navegadores.

Consecuencias:

• Apariencia inesperada: Los elementos pueden mostrarse de manera incorrecta, afectando la disposición y los estilos.
• Problemas con JavaScript: Los scripts pueden funcionar mal o no funcionar en absoluto si dependen de una estructura DOM correcta.
• Accesibilidad: Los usuarios con discapacidades pueden experimentar dificultades al usar el sitio.
• SEO: Los motores de búsqueda pueden indexar peor la página.
• Depuración: Se complica el proceso de búsqueda y corrección de errores.

Ejemplo de marcado no válido:

<div>
  <p>Este es un párrafo</div> <!-- Falta la etiqueta de cierre </p> -->

El navegador probablemente cerrará automáticamente la etiqueta <p>, pero esto no está garantizado en todos los casos.

Se recomienda usar validadores de HTML (por ejemplo, de W3C) para verificar y corregir errores.