1. Características principales de HTML5
1. Reproducción local de audio y video;
2. Animación;
3. Información geográfica;
4. Aceleración de hardware;
5. Ejecute localmente (incluso después de interrumpir la conexión a Internet);
6. Almacenamiento local;
7. Arrastre y suelte archivos del escritorio para cargarlos en el navegador;
8. Marcadores semánticos;
2. Estado actual de la aplicación HTML5
Hoy, los principales navegadores tienen un soporte diferente para HTML5. Esperamos que se vuelvan consistentes en uno o dos años. Puede pensar que, dado que este es el caso, probablemente pocas personas están usando este estándar futuro ahora. Este no es el caso. HTML5 ha sido ampliamente utilizado ahora. Como dijo William Gibson, la futura web ha llegado, pero aún no se ha adoptado ampliamente.
Es posible que no sepa que la página de inicio de Google también usa HTML5, pero en la actualidad, solo usan HTML5 DOCTYPE, y el resto de la página sigue siendo un código antiguo, pero Google ha estado adoptando ampliamente HTML5 en sus diversas aplicaciones. El ejemplo más típico es Gmail. El almacenamiento fuera de línea HTML5 permite a los usuarios usar Gmail incluso cuando fuera de línea. Además, Google Docs también usa almacenamiento fuera de línea. Aplicaciones similares de otros fabricantes que también usan almacenamiento fuera de línea incluyen la suite de oficina de Zoho y la plataforma de blog de WordPress. Si está interesado en el almacenamiento fuera de línea de HTML5, puede echar un vistazo al artículo Mark Pilgrim's Cómo agregar soporte fuera de línea a sus aplicaciones.
3. Lector de documentos basado en Scribd HTML5
La imagen de arriba es el nuevo lector de documentos de Scribd, todo basado en los estándares web y no usar flash
Además de los videos, HTML5 puede reemplazar Flash en muchos aspectos. El sitio de intercambio de documentos Scribd anunció recientemente que utilizarán HTML5 para reemplazar a Flash para implementar lectores de documentos. Scribd es el mejor ejemplo de las características sorprendentes que HTML5 puede lograr en combinación con CSS. También usan @Font-Face para implementar fuentes personalizadas. Además, el efecto de transformación al convertir las páginas también se basa completamente en CSS3. La combinación de estas herramientas web estándar permite a Scribd lograr el HTML exagerado de Flash a HTML puro, sin sacrificar la funcionalidad de los documentos en la estructura, las fuentes, las imágenes integradas, las capas, etc. Los últimos lectores de documentos de Scribd incluso admiten IE6, aquí hay un ejemplo que usa HTML puro a fórmulas complejas.
4. Videos de lienzo HTML5 y HTML5
Invaders clásico juego basado en objetos de lona HTML5
Aunque la aplicación de lienzo de Scribd es excelente, podemos encontrar más sitios de este tipo. Canvas Demos tiene una variedad de aplicaciones sobre lienzo, desde varios juegos en línea hasta aplicaciones Rainbow que extraen colores de las páginas web.
Los ejemplos más típicos sobre los videos son YouTube y Vimeo, los cuales proporcionan versiones HTML5.
5. Posicionamiento de información geográfica HTML5
Haga clic en el círculo sobre el villano amarillo en el mapa para decirle a Google Maps su ubicación geográfica
Otra característica de HTML5 es la función de geolocalización. Algunos navegadores proporcionan API de geolocalización, que también es administrada por W3C y puede combinar HTML5 para lograr su ubicación actual de geolocalización. Google Maps Usando esta función, hay un pequeño círculo en Google Maps. Simplemente haga clic para decirle a Google Maps dónde se encuentra ahora. Actualmente, la API de geolocalización no es ampliamente adoptada por muchos navegadores de escritorio (solo Chrome y Firefox 3.6+), pero el complemento Google Gears puede ayudar a los navegadores más antiguos a implementar esta función.
Twitter usa esto para realizar mensajes de tweets de información geográfica. Cuando el navegador admite la API de geolocalización, usará automáticamente la API. De lo contrario, Google Gears se utilizará.
6. Más significados de HTML5
HTML5 tiene mucho más significado que el anterior. Su mayor significado radica en cambiar la estructura de los documentos web. Con la ayuda de encabezado, pie de página, sección, artículo, etc., podemos implementar documentos web más estructurados y semánticos. De esta manera, los motores de búsqueda pueden indexar fácilmente los sitios web, y también podemos buscar información más rápida y precisa.
Hay innumerables sitios que usan las nuevas etiquetas HTML5, y puede encontrar una gran cantidad de tales sitios en HTML5Gallery. Si desea usar la nueva estructura HTML5 ahora, también podría echar un vistazo a este tutorial HTML5.
Además, con la ayuda de microdatos, HTML5 también puede implementar una estructura semántica más potente. Este formato de datos estandarizado (similar a los microformatos) permite que su sitio no solo proporcione datos, sino que también proporcione definiciones de datos. Los microdatos son de gran importancia tanto para los navegadores como para los motores de búsqueda. Los motores de búsqueda pueden usar microdatos para descubrir amigos en su red, y los navegadores pueden conectarse a su sitio de amigos de redes sociales. Puede experimentar esto en la rica herramienta de prueba de fragmentos de Google.