A la découverte de HTML 5

En vrac pour finir

Pour finir, nous allons voir quelques petites choses en vrac qui viendront avec HTML5.

Le href devient optionnel

Dans l’élément a, le href deviendra optionnel avec HTML5. Plus besoin de faire quelque chose du genre: href=''#'' quand on souhaite simplement lancer une action javascript sur un lien. Le onclick suffira.

Les scripts deviennent asynchrones

Actuellement, quand un script est dans une page HTML, il est exécuté dès que celui-ci est chargé. Comprenez que dès que le script a été lu, il sera exécuté (même si la page n’a pas encore été entièrement chargée).


Avec HTML5, on trouve deux attributs qui permettent de changer de comportement. Avec defer (dans la définition de script), l’agent utilisateur attendra la fin du chargement du document pour exécuter le script. Avec l’attribut async, l’exécution du script et le chargement de la page seront asynchrones. Ainsi, le script pourra attendre la disponibilité d’une ressource extérieure sans soucis. Ca sent l’AJAX ça !

Des attributs avec des API d’édition derrière

Pour le moment, l’édition en ligne de contenus par le biais d’un document HTML est assez peu pratique. En fait, on doit passer par un certains nombre de frameworks pour avoir quelque chose de complet. C’est sans compter que c’est très lourd à charger pour le navigateur. Pour rendre les choses plus aisées, deux nouveaux attributs (applicables à la majorité des éléments) ont été ajoutés dans HTML. Bien évidement, il y a des API derrière.


Le premier attribut, c’est contenteditable. Il sert à indiquer que l’élément concerné est en fait une zone éditable. Ainsi, l’utilisateur peut en changer le contenu (et les métadonnées). C’est une standardisation de l’attribut du même nom utilisé par Internet Explorer depuis sa version 6.


Le second attribut, c’est draggable. Son rôle est d’indiquer que l’élément concerné est utilisable avec l’API de drag’n'drop. Notez que le drag’n'drop concerne les éléments du document entre eux, mais pas seulement. En effet, il est possible d’interagir avec des éléments de la machine hôte (le desktop).


Cette entrée a été publiée dans Article, avec comme mot(s)-clef(s) , , , , . Vous pouvez la mettre en favoris avec ce permalien.

Une réponse à A la découverte de HTML 5

  1. Ping : Quel sera l’impact de HTML5 sur la vidéo en ligne ? | Webd

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>