Article complet sur Alsacreations.com
Comme vous avez dû le lire, le brouillon officiel (working draft) de HTML5 est sorti officiellement le 23 avril 2009. Puisque les travaux sur XHTML 2 se termineront cette année 2009, profitons pour faire un tour d’horizon de cette nouvelle version de HTML.
Qu’est-ce que c’est le HTML 5 ?
Comme son nom l’indique, HTML 5 est le successeur de HTML 4 (HTML 4.01 plus précisément). Le travail sur HTML 5 a commencé fin 2003 grâce à un groupe de travail indépendant, mais ce n’est qu’en 2007 que le W3C officialise HTML5 en intégrant en son sein ce groupe de travail. À partir de là s’est fait un gros travail afin de permettre à HTML 5 d’être rétrocompatible avec ses ancêtres, ce qui a quelque peu ralenti son développement.
Le W3C c’est quoi déjà ?
Le World Wide Web Consortium, abrégé par le sigle W3C, est un organisme de standardisation à but non-lucratif, fondé en octobre 1994 comme un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP. Le W3C n’émet pas des normes au sens européen, mais des recommandations à valeur de standards industriels. Parmi les membres du W3C on compte les plus grands acteurs du Web actuels tels que Microsoft, IBM, Opera, etc.
Quelles sont les nouveautés ?
Une grande nouveauté annoncée au niveau structurel des éléments est signalée dans l’introduction du brouillon de HTML5 : The new content model concepts (replacing HTML 4′s block and inline concepts)
.
Les notions de type « en ligne » et « block » semblent donc remplacées par un nouveau schéma, les éléments HTML sont à présent uniquement regroupés en catégories, sachant que les éléments peuvent apparaître dans plusieurs catégories :
- Metadata content
- Flow content
- Sectioning content
- Heading content
- Phrasing content
- Embedded content
- Interactive content
Ainsi, au vu de cette nouvelle organisation, le code suivant est parfaitement valide car l’élément <a> peut entourer des paragraphes, des listes, des tableaux voire des sections entières :
<aside>
Welcome!
<a href="about.html">
This is home of...
<h1>The Falcons!</h1>
The Lockheed Martin multirole jet fighter aircraft!
</a>
This page discusses the F-16 Fighting Falcon's innermost secrets.
</aside>
Rappelons également que HTML5, en tant que digne successeur de HTML 4.01, offre la même permissivité : il n’est pas systématiquement nécessaire de fermer tous les éléments. Ainsi, les éléments <p>, <dd>, <dt>, <li>, <optgroup>, <option>, <td>, <th>, <tr>, <tbody>, <thead> et <tfoot> n’ont pas besoin de balise fermante pour être valides.
Seule la version XHTML 5 obligera à fermer ces éléments.
Plus fort encore, certains éléments ne nécéssitent ni balise fermante ni balise ouvrante, c’est le cas de <html>, <head>, <body>, <thead>, <tfoot> et <tbody>. Cela signifierait que la présence même de ces éléments devient implicite.
Portfolio
Merci pour cet article très intéressant.