lundi 31 mai 2010

Retour sur la session sur HTML5 pour MWNW

Posté par Sylvie Crépin à 08:22

Une autre session à laquelle j’ai eu la chance de participer à Make Web Not War concernait le HTML5.

Présentation: Let’s Start to Work with HTML5

Benoit Piette (@benoitpiette) nous a offert un survol de plusieurs fonctionnalités de ce language vivement attendu par les développeurs depuis un bon moment.

Toujours en phase de développement, il est encore difficile de juger le réel impact que l’arrivée du HTML5 aura sur le web. Plusieurs s’avancent pour dire que ce sera la début de la fin pour Flash, tandis que d’autres jugent que son arrivée ne changera pas vraiment nos habitudes de développement.

Bien que le sujet de la session était très intéressant, la présentation m’a semblée être une longue énumération de fonctions facilement retrouvable sur un des nombreux sites déjà dédiés au HTML5 et son évolution.

Les nouvelles balises introduites par le HTML5 auront l’avantage de rendre le code source d’une page plus clair et intuitif. Plusieurs de ces balises sont encore en développement et ne feront peut-être pas partie de la version finale

Voici un résumé des fonctions qui ont été mentionnées pendant la présentation:

Section n’est pas un DIV et est moins générique. Sert à sectionner un site ou une application. À chaque nouvelle Section, on ajoute la balise H1 à l’intérieur.
Article est principalement utilisé pour les blogs et les nouvelles. Peut être réutilisé plusieurs fois dans une même page.
Nav est une section qui contient des liens. Ne pas confondre avec Menu ou Footer.
Header regroupe le logo, les liens, menu. Remplace div class=header.
Footer peut être utilisé dans tous les Article ou Section. Peut contenir des liens et l’informations sur l’auteur d’un article.
Hgroup contient le titre et sous-titre (H1 et H2).
Aside est une portion de contenu qui est relié au reste du contenu de la page. Ne doit pas contenir de publicité. Ex.: Blogroll, Glossaire

Figure et Figcaption semblable à Aside et Section. Peut servir à regrouper une image et sa description. Peut être enlever d’une page sans affecter le reste du contenu.
Time peut être utiliser pour les dates dans un format de calendrier grégorien.
Mark à utiliser pour surligner une portion de texte dynamiquement. Ex.: recherche, CMS
I, b, small, hr ont maintenant une valeur sémantique.
Video pour inclure des videos dans une page sans utiliser de plugins. Attributes: Autoplay, preload, loop, poster, source, control, subtitles, caption, accessibility, fallback, permettent de contrôler le vidéo. L’option Plein Écran n’est pas encore fonctionnelle et il y a encore beaucoup de problème de compatibilité entre les fureteurs.
Audio pour ajouter des pistes audio sans utiliser de plugins.
Web Graphics Permet de créer et modifier des éléments grâce à un API 2D et Javascript. Supporté sur IE9.
Web Forms Plusieurs nouveaux types de champs disponibles comme: telephone, search, number, email, etc.. Ainsi que de nouveaux attributs: placeholder, autocomplete, autofocus, list, pattern et required. Possibilité de téléverser plusieurs fichiers à la fois.
Details et summary peut être ouvert et fermer et peut contenir les informations supplémentaires Ex.: Voir la suiteFinalement, il est possible de tester le HTML5 en changeant simplement le Doctype pour HTML.