HTML5 de A Book Apart para diseñadores web ( http://books.alistapart.com/prod …) es una excelente descripción general de las cosas, así como http://diveintohtml5.org/

Básicamente, HTML5 incorpora muchas nuevas características y sintaxis que coinciden con las prácticas comunes en el desarrollo web actual. Por ejemplo, colocar videos o audio en sitios web ahora tiene su propia etiqueta simple para colocar. En términos de sintaxis, el uso de nuevos elementos como

Las desventajas son la compatibilidad entre navegadores, pero el profesional está brindando a sus usuarios una mejor experiencia en Internet.

Etiquetas como

HTML le dice a los navegadores y otros clientes web la función de cada elemento en un documento para que pueda decidir qué hacer con él, ya sea que muestre el contenido para un humano o lo indexe para un motor de búsqueda. La semántica rica permite una Web más conectada y útil.

Básicamente, HTML5 tiene muchas características sintácticas nuevas, que incluyen los elementos

Mutualidad

Debido al propósito de usabilidad, los sitios web creados por los desarrolladores son altamente interactivos hoy en día y para esto los desarrolladores deben incluir animaciones fluidas, transmitir videos, reproducir música y sitios de redes sociales como Facebook y Twitter en los sitios web. Hasta ahora solo tienen la opción de integrarlo con la ayuda de herramientas similares a Flash o Silverlight, Flex o javascript. Pero estos consumen mucho tiempo para desarrollarse e incluso la complejidad de la aplicación web también aumentó. Pero ahora, con la ayuda de HTML5, es posible incrustar video y audio, dibujos, gráficos y animaciones de alta calidad y muchos otros contenidos enriquecidos sin usar ningún complemento y programas de terceros, ya que la funcionalidad está integrada en el navegador.

Marcado más limpio / Código mejorado

HTML 5 permitirá a los diseñadores web usar un código más limpio y ordenado, podemos eliminar la mayoría de las etiquetas div y reemplazarlas con elementos semánticos HTML 5.

Semántica mejorada

Ahora es fácil ver qué partes de la página son encabezados, navegación, pies de página, etc., ya que las etiquetas son específicas para todo esto y lo más importante es saber cuál es su significado y propósito en todo el formato. Al usar elementos HTML5 podemos aumentar el valor semántico de la página web ya que los códigos están muy estandarizados.

Formas elegantes

HTML5 permite al diseñador usar formas más sofisticadas. Incluso hace que la validación de formularios sea nativa de HTML, mejoras en la interfaz de usuario y una menor necesidad de JavaScript (solo es necesario en navegadores que no admiten tipos de formularios). Habrá diferentes tipos de entradas de texto, búsqueda y diferentes campos para diferentes propósitos.

Consistencia

A medida que los sitios web adopten los nuevos elementos HTML5, veremos una mayor consistencia en términos del HTML utilizado para codificar una página web en un sitio en comparación con otro. Esto facilitará a los diseñadores y desarrolladores la comprensión inmediata de cómo se estructura una página web.

Accesibilidad mejorada

Las diferentes tecnologías pueden desarrollar las características con la ayuda de HTML5, ya que pueden hacer una comprensión más detallada de la estructura de una página inmediatamente al echar un vistazo a los elementos HTML5 que tiene.

Satisfacer la necesidad de una aplicación web

Han surgido muchas funciones y estándares nuevos como parte de HTML 5. Una vez que detecte las funciones disponibles en los navegadores actuales, puede aprovechar esas funciones en su aplicación. El enfoque principal de HTML5 es facilitar la aplicación con front-end, herramientas de arrastrar y soltar, paneles de discusión, wikis y otros elementos útiles.

Caché de aplicaciones sin conexión

Todos los navegadores tienen algún tipo de almacenamiento en caché m Después de un tiempo, abre su computadora portátil y hace clic en el botón Atrás en el navegador con la esperanza de ver la página anterior que se abrió. Sin embargo, como no está conectado a Internet y el navegador no almacenó en caché la página correctamente, no puede ver esa página. Luego hace clic en el botón Reenviar pensando que al menos esa página se cargará, pero no lo hace. Debe volver a conectarse a Internet para poder ver las páginas. HTML 5, afortunadamente, proporciona una solución más inteligente. Mientras construye el sitio, el desarrollador puede especificar los archivos que el navegador debe almacenar en caché. Por lo tanto, incluso si actualiza la página cuando está desconectado, la página se cargará correctamente. Este tipo de almacenamiento en caché tiene varias ventajas como la navegación fuera de línea, los archivos se cargan mucho más rápido y la carga reducida en el servidor

Base de datos del lado del cliente

Si bien las cookies se han utilizado para rastrear datos únicos de usuarios durante años, tienen serias desventajas. El mayor defecto es que todos sus datos de cookies se agregan a cada encabezado de solicitud HTTP. Esto puede terminar teniendo un impacto medible en el tiempo de respuesta. Entonces, una mejor práctica es reducir el tamaño de las cookies. Con HTML5 podemos hacerlo mejor usando sessionStorage y localStorage (dos almacenamiento diferente en HTML5) en lugar de cookies. No es una base de datos permanente, pero le permite almacenar datos estructurados, temporalmente.

Soporte de geolocalización

Con la ayuda de la Geolocalización, cualquiera puede averiguar dónde se encuentra en el mundo y compartir esa información con las personas. Hay diferentes formas de averiguar dónde se encuentra: su dirección IP, su conexión de red inalámbrica, a qué torre celular está hablando su teléfono o hardware de GPS dedicado que calcula la latitud y la longitud de la información enviada por los satélites en el cielo. Pero las nuevas API de geolocalización HTML5 hacen que la ubicación, ya sea generada mediante GPS u otros métodos, esté directamente disponible para cualquier aplicación basada en navegador compatible con HTML5.