HTML5 Rocks

HTML5 Rocks

HTML5 Fonctionnalités

Sémantique

La sémantique fait partie des fonctionnalités qui distinguent le plus la plate-forme Web des autres plates-formes d'applications. En général, les développeurs ignorent cette fonctionnalité ou la relèguent au second plan. Pourtant, sa maîtrise peut apporter de nombreux avantages à vos projets.

Le Web présente du texte, et ce texte a une signification. Au bout du compte, le contenu lu par nos navigateurs n'est que du texte pur. Les sites et les applications Web ont été créés dans un contexte où le contenu textuel peut faire l'objet de liens, de recherches ou de modifications. Dans le contexte du Web ouvert, notre contenu peut être affiché, alimenté et modifié par des tiers, des moteurs de recherche et des outils d'accessibilité. Ces avantages ont toutefois un prix. Les outils automatisés ne sont pas capables de reconnaître complètement la nature d'un contenu. Si le développeur parvient à baliser la sémantique qu'il faut dans son contenu, il sera bien plus facile pour les autres agents de gérer ce contenu. Le HTML5 propose également un ensemble d'outils destinés à faciliter la vie des développeurs :

  • Nouveaux éléments multimédias
  • Nouveaux éléments structurels
  • Nouvelle sémantique pour l'internationalisation
  • Nouveaux types de relations de liens
  • Nouveaux attributs
  • Nouveaux types de formulaires
  • Nouvelle syntaxe de microdonnées pour la nouvelle sémantique

Nouveautés

Démos

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

Dans la pratique

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.

Ressources