fermer

HTML 5 ajoute beaucoup de nouvelles fonctionnalités de la spécification HTML. Et ce qui est encore mieux, c’est qu’il y a déjà un certain soutien des navigateurs de ces nouvelles fonctionnalités. S’il y a un élément qui vous intéresse, regardez le wiki WHATWG Wiki Implementations page pour découvrir les informations sur les navigateurs qui supportent les différentes parties du cahier des charges.

HTML 5 : Doctype et New Charset

Le plus agréable de HTML 5 est qu’il est facile d’implémentation. Vous utilisez le HTML 5 doctype, qui est très simple et rationalisé :

[html]<!doctype html>[/html]

Oui, c’est seulement ça. Juste deux mots DOCTYPE et html.
Il peut être aussi simple, car HTML 5 ne fait plus partie de SGML, mais plutôt d’un langage de balisage à lui tout seul.

Le jeu de caractères pour HTML 5 est ainsi simplifié. Il utilise l’UTF-8 et vous la définissez avec une seule balise meta :

[html]<meta charset="UTF-8">[/html]

HTML 5 : Nouvelle structure

HTML 5 reconnaît que les pages Web ont une structure, tout comme les livres ont une structure ou d’autres documents XML. En général, les pages Web ont une navigation de contenu pour le corps, une colonne latérale, un en-tête et pied de page, et d’autres caractéristiques.
Pour vous aidez dans tout ça, HTML 5 a créé des balises pour soutenir les éléments de la page.

  • [html] <section> [/html] définit des sections de pages
  • [html] <header> [/html] définit l’en-tête d’une page
  • [html] <footer> [/html] définit le pied de page d’une page
  • [html] <nav> [/html] définit la navigation sur une page
  • [html] <article> [/html] définit l’article ou le contenu principal d’une page
  • [html] <aside> [/html] définit le contenu supplémentaire comme un encadré sur une page
  • [html] <figure> [/html] définit les images d’annoter un article

HTML 5 : Nouveau support pour les pages dynamiques

HTML 5 a été développé pour aider les développeurs d’applications Web, de tel sorte qu’il y ait beaucoup de nouvelles fonctionnalités facilitant la création des pages HTML dynamiques :

  • Les menus contextuels : HTML 5 sert à soutenir la création et l’utilisation des menus contextuels dans les pages Web et les applications
  • href n’est pas requise sur une étiquette : cela vous permet d’utiliser la balise [html] <a> [/html]
    avec des scripts et des applications Web sans avoir besoin d’un endroit pour envoyer ce point d’ancrage
  • attribut async : Il est ajouté à la balise de script pour indiquer au navigateur que le script doit être chargé de manière asynchrone afin de ne pas ralentir le chargement et l’affichage du reste de la page.
  • [html] <details> [/html]
    fournit des détails sur un élément. Ce serait comme les info-bulles dans les applications non-Web.
  • [html] <datagrid> [/html]
    crée une table qui est construite à partir d’une base de données ou une autre source dynamique
  • [html] <menu> [/html]
    une étiquette ancienne dont on a donné une nouvelle vie qui vous permet de créer un système de menus sur vos pages Web
  • [html] <command> [/html]
    définit les actions qui devraient se produire quand un élément dynamique est activé

HTML 5 : Nouveaux types de formulaire

HTML 5 prend en charge tous les types de la norme de saisie de formulaire, mais il ajoute un peu plus:

  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url

HTML 5 : Nouveaux éléments

Il y a quelques nouveaux éléments passionnants dans HTML 5 :

  • [html] <canvas> [/html]
    cet élément va vous donner un espace de dessin en JavaScript sur vos pages Web. Il peut vous permettre d’ajouter des images ou des graphiques ou tout simplement de créer des graphiques dynamiques sur vos pages Web, construites à la volée.
  • [html] <video> [/html]
    ajoute la vidéo à vos pages Web avec ce tag.
  • [html] <audio> [/html]
    ajoute du son à vos pages Web avec ce tag .

HTML 5 : Supprime certains éléments

Il y a aussi quelques éléments de HTML 4 qui ne seront plus supportés par cette nouvelle version. La plupart sont déjà obsolètes, et ne devraient donc pas être surprenants pour les développeurs. Néanmoins, quelques-uns peuvent être difficiles :

  • acronym
  • applet
  • basefont
  • big
  • center
  • dir
  • font
  • frame
  • frameset
  • isindex
  • noframes
  • noscript
  • s
  • strike
  • tt
  • u

Êtes-vous prêt pour le HTML 5 ?

HTML 5 ajoute beaucoup de nouvelles fonctionnalités aux pages Web et à la conception Web. Il sera donc très intéressant lorsque plusieurs navigateurs le prendront en charge totalement.
Microsoft a déclaré qu’il allait commencer à soutenir au moins des parties de HTML 5 dans IE 9.

Tags : développementhtml 5ie9web
Yohann Poiron

The author Yohann Poiron

J’ai fondé le BlogNT en 2010. Autodidacte en matière de développement de sites en PHP, j’ai toujours poussé ma curiosité sur les sujets et les actualités du Web. Je suis actuellement engagé en tant qu’architecte interopérabilité.