¿En qué consisten las diferencias entre HTML5 y HTML4.01, así como XHTML 1.0?

HTML5 amplía las capacidades de HTML4.01 con etiquetas semánticas (<nav>, <article>, <aside>), nuevos tipos de entrada para formularios (email, date, range), soporte multimedia sin plugins (<video>, <audio>), API para trabajo sin conexión (Service Worker, Cache Storage) y almacenamiento local (localStorage, sessionStorage), así como API para websockets. La sintaxis de HTML5 es más flexible, permite omitir algunas etiquetas de cierre y atributos en ciertos casos.

XHTML 1.0 es una reformulación de HTML 4.01 como una aplicación XML. La principal diferencia es una sintaxis más estricta: todas las etiquetas deben cerrarse (incluidas las auto cerradas como <br />), todos los atributos deben estar entre comillas, y los nombres de etiquetas y atributos son sensibles a mayúsculas y minúsculas. El objetivo era crear una sintaxis más estructurada y válida para mejor compatibilidad con parsers XML. Sin embargo, en la práctica, la mayoría de los navegadores trataban XHTML como HTML, ignorando las reglas estrictas si el documento no se enviaba con el MIME type application/xhtml+xml.

Comparación en tabla:

Característica	HTML4.01	XHTML 1.0	HTML5
Sintaxis	Más flexible	Estricta (basada en XML)	Más flexible que XHTML, estructurada
Cierre de etiquetas	No siempre requerido	Siempre requerido (<br />, <img>)	No siempre requerido (<p>, <li>, etc.)
Mayúsculas/minúsculas	Insensible	Sensible	Insensible
Comillas en atributos	No siempre necesarias	Siempre necesarias	No siempre necesarias en ciertos casos
Soporte multimedia	Requiere plugins	Requiere plugins	Nativo (<video>, <audio>)
Etiquetas semánticas	Menos (<div>, <span>)	Similar a HTML4.01	Más (<nav>, <article>, <aside>)
Nuevas API	Limitadas	Limitadas	WebSocket, Almacenamiento Local, Canvas, SVG
Soporte offline	Prácticamente ausente	Prácticamente ausente	Cache API, Service Worker
Tipo MIME	text/html	application/xhtml+xml (estricto), text/html (como HTML)	text/html
Extensibilidad	Limitada	Basada en XML	A través de API y elementos personalizados (futuro)

Ejemplo de sintaxis:

<!-- HTML 4.01 -->
<p>Parágrafo.
<img src="image.jpg" alt=Imagen>

<!-- XHTML 1.0 -->
<p>Parágrafo.</p>
<img src="image.jpg" alt="Imagen" />

<!-- HTML5 -->
<p>Parágrafo.
<img src="image.jpg" alt="Imagen">

HTML5 se ha convertido en el estándar de facto para el desarrollo web, combinando la flexibilidad de HTML4.01 con nuevas capacidades y heredando parcialmente las ideas de estricta de XHTML, orientándose a la compatibilidad.