Las nuevas características de marcado funcionan igual que las antiguas (alguna semántica ha cambiado)
Las nuevas APIs se basan en el mismo JavaScript y DOM
Nuevas y potentes características de HTML (validación de formularios, vídeo ...)
Más adecuado para escribir aplicaciones dinámicas
Tiene un algoritmo de interpretación claramente definido (todos los navegadores que implementen HTML5 crearán un mismo DOM a partir de un mismo marcado: interoperabilidad)
Diferencias
Nuevos elementos semánticos.
<nav>, <header>, <footer> y <article>.
Nuevas características de formularios: selectores de fecha, deslizadores y validación en el cliente
Audio y vídeo nativos: <audio> y <video>
API de dibujo en Canvas: El elemento <canvas> (lienzo) y API asociada
Web Sockets: conexión continua entre un servidor y un cliente en un puerto específico y enviar datos en ambas direcciones hasta que el puerto se cierre.
Aplicaciones web offline: Los cachés de aplicación permiten guardar una copia de todos los elementos y archivos necesarios para ejecutar aplicaciones web localmente, y las bases de datos Web SQL permiten guardar una copia local de los datos de una aplicación web.
Almacenamiento Web.
Web workers: permiten crear procesos de fondo para hacerse cargo de parte del cálculo.
Geolocalización.
CSS3 no es parte de HTML5.
Elementos estructurales
<header> (cabecera)
Se utiliza para contener la cabecera de un sitio.
<footer> (pie de página)
Contiene el pie de página de un sitio.
<nav>
Contiene la funcionalidad de navegación para la página.
<article> (artículo)
Contiene una pieza independiente de contenido, que tendría sentido sindicar como elemento RSS como, por ejemplo, una noticia.
<section> (sección)
Se utiliza bien para agrupar artículos en diferentes temas, bien para definir las diferentes secciones de un solo artículo.
se usa para marcar tiempos y fechas.
<aside> (aparte)
Define un bloque de contenido relacionado con el contenido principal que lo rodea, pero que no es esencial para el flujo del mismo.
<hgroup> (heading group, o grupo de encabezados)
Se utiliza para incluir más de un encabezado si quieres que cuente como un único encabezado en la estructura de encabezado de la página.
<figure> y <figcaption> (figura y cita de figura)
Se usan para encapsular una figura como un único elemento y contener el título de la figura, respectivamente.
