HTML5 Rocks

HTML5 Rocks

HTML5 Características

Semántica

La semántica es una de las funciones en las que más se diferencia la plataforma web de otras plataformas de aplicaciones. Los desarrolladores suelen ignorar esta función o restarle importancia, pero su dominio puede reportar muchos beneficios para los proyectos.

La Web es texto y el texto tiene un significado. En última instancia, el contenido que leen los navegadores es puro texto. Los sitios web y las aplicaciones web se han creado en un ecosistema en el que el contenido basado en texto se puede vincular, buscar y combinar. En el ámbito de la Web de código abierto, los motores de búsqueda, las herramientas de accesibilidad y otras partes pueden mostrar, proporcionar y combinar nuestro contenido. Sin embargo, todas estas ventajas no son gratuitas: las herramientas automatizadas solo pueden realizar la mitad del trabajo al reconocer la naturaleza del contenido. Cuanto mejor sea el trabajo de etiquetado de la semántica del contenido realizado por el desarrollador, más fácil será para los demás miembros de la cadena trabajar con él. HTML5 también ofrece una serie de herramientas que facilitan el trabajo de los desarrolladores:

  • Nuevos elementos multimedia
  • Nuevos elementos estructurales
  • Nueva semántica de aplicación internacional
  • Nuevos tipos de relaciones entre enlaces
  • Nuevos atributos
  • Nuevos tipos de formularios
  • Nueva sintaxis de microdatos para ampliar la semántica

Novedades

Demostraciones

Google Rich Snippets Testing Tool
Input form types for mobile
New form types demo
HTML5 <progress> and <meter> tags

En estado puro

Check any wordpress blog source code to see how their templates use new link relations like: next, prev, tag, bookmark, search, etc
Check how the reviews in The Telegraph are using validated schema.org microdata in their source code.
Apple is one of the few big brands using new HTML5 elements (nav, article, footer, etc) on their main site.

Recursos