Cela fait un moment maintenant que nous entendons parler du HTML 5 et de ses nouveautés apportées. Nous verrons dans ce chapitre les nouvelles balises HTML 5 qui sont fortement utiles, et qui devraient facilité le développement dans un premier temps et d'autre part, 2 nouvelles balises en HTML 5 que j'attendais avec impatience, les balises HTML 5 <audio> et <video> dont je ferai un chapitre exclusif.

Afin de présenter les nouveautés que HTML 5 nous offre, j'ai décidé de décomposer le cours sur le HTML 5 en 3 sous-chapitres :

• Présentation des nouveautés du HTML 5 : les nouvelles balises
• Les balises <audio> et <video> : l'évolution du HTML par rapport au Flash
• Kit graphique en HTML 5 : structure et application pratique

Les nouvelles balises?

Pour commencer dans les nouveautés, un seul DOCTYPE pour le HTML 5 :<! DOCTYPE html> ce qui facilite la vie comparé au HTML 4.01 n'est-ce pas?

le DOCTYPE n'est pas sensible à la casse donc vous pourrez l'écrire de la façon suivante aussi : <! doctype html>

Les sections

La balise <section> permet de définir la structure d'un document ou d'un chapitre ou d'une en-tête ou d'un pied de page. Cette balise peut en contenir d'autres telles que la balise <hn>, <p>, <article> etc...

La balise <article>

La balise <article> représente un texte en lui-même que ce soit d'un blog, d'un magazine, d'un forum etc..Tout ce qu'un article peut contenir

La balise <header>

Elle permet d'intégrer l'en-tête d'une page comme une bannière par exemple ou d'une section d'un article. On peut donc avoir plusieurs balises <header> dans notre page.

La balise <footer>

La balise <footer> est identique à la balise <header> sauf que le footer permet d'intégrer un pied de page.

La balise <aside>

<aside> permet d'intégrer du contenu destinée à un article comme un menu approprié à un article, des archives, le plan de votre article...

La balise <nav>

La balise <nav> met en place le menu de navigation de votre site Web.

La balise <figure>

La balise <figure> met en valeur vos images ou vos vidéos ainsi qu'une légende.

Les balises les plus attrayantes

La balise <canvas>

La balise <canvas> permet d'intégrer des dessins, des mini-jeux en javascript, des images 2D et 3D ou tout autre application graphique.

La balise <audio> et <video>

Voici 2 balises qui fera l'objet du prochain chapitre, la balise <audio> intègre dans votre page web un lecteur audio qui peut être configurable. La balise <video> permet de mettre en place un lecteur vidéo configurable aussi.

Une petite conclusion aux nouveautés?

Comme j'ai pu le dire, HTML 5 va nous faciliter la vie pour structurer notre page Web de manière sémantique, pour l'accessibilité du contenu, pour le référencement, mais peut-être aussi "l'abandon" du Flash grâce aux balises <audio> et <video>. Le poids d'une page n'est pas négligeable et ces nouvelles balises seront très utilisées à l'avenir et même à l'heure actuelle puisque Youtube, Dailymotion, ainsi que plein d'autres sites Web, s'en servent déjà...