Depuis 1993
La première version du HTML a été écrite par Tim Berners-Lee en 1993. Depuis lors, il y a eu de nombreuses versions différentes de HTML. La version la plus utilisée tout au long des années 2000 était HTML 4.01, qui est devenue une norme officielle en décembre 1999.
Une autre version, XHTML, était une réécriture du HTML en tant que langage XML. XML est un langage de balisage standard utilisé pour créer d’autres langages de balisage. Des centaines de langages XML sont utilisés aujourd’hui, notamment GML (Geography Markup Language), MathML, MusicML et RSS (Really Simple Syndication). Étant donné que chacun de ces langages a été écrit dans un langage commun (XML), leur contenu peut facilement être partagé entre les applications. Cela rend XML potentiellement très puissant, et il n’est pas surprenant que le W3C crée une version XML de HTML (encore une fois, appelée XHTML). XHTML est devenu un standard officiel en 2000 et a été mis à jour en 2002. XHTML est très similaire au HTML, mais a des règles plus strictes. Des règles strictes sont nécessaires pour tous les langages XML, car sans elle, l’interopérabilité entre les applications serait impossible. Vous en apprendrez plus sur les différences entre HTML et XHTML dans l’unité 2.
La plupart des pages du Web aujourd’hui ont été construites en utilisant HTML 4.01 ou XHTML 1.0. Cependant, ces dernières années, le W3C (en collaboration avec une autre organisation, le WHATWG), a travaillé sur une toute nouvelle version de HTML, HTML5. Actuellement (2011), HTML5 est encore un projet de spécification et n’est pas encore une norme officielle. Cependant, il est déjà largement pris en charge par les navigateurs et autres appareils compatibles avec le Web, et c’est la voie de l’avenir. Par conséquent, HTML5 est la langue principale enseignée dans ce cours.
Exemples de types de contenu pouvant être inclus dans des pages Web
Le tableau suivant présente une liste de nombreux types de contenu pouvant être ajoutés à des pages Web en utilisant différentes versions de HTML. Dans les premiers jours du Web, HTML (version 1.2) était très simple, mais au fil du temps de nouvelles versions ont été publiées qui ont ajouté de plus en plus de fonctionnalités. Pourtant, si les concepteurs de sites Web voulaient ajouter du contenu ou des fonctionnalités que HTML ne prenait pas en charge, ils devraient le faire avec des technologies propriétaires non standard telles qu’Adobe Flash. Ces technologies obligeraient les utilisateurs à installer des plug-ins de navigateur et, dans certains cas, certains utilisateurs ne pourraient pas accéder au contenu (par exemple, les iPhones et les iPads ne prennent pas en charge Flash).
HTML5 a ajouté le support de nombreuses nouvelles fonctionnalités qui permettront de faire plus avec le HTML, sans s’appuyer sur des technologies propriétaires non standard.
Type de contenu | HTML 1.2 | HTML 4.01 | HTML5 | But | ||||
---|---|---|---|---|---|---|---|---|
En-tête | Oui | Oui | Oui | Organiser le contenu de la page en ajoutant des en-têtes et des sous-titres en haut de chaque section de la page | ||||
Paragraphe | Oui | Oui | Oui | Oui | Oui | Oui | Oui | Identifiez les paragraphes de texte |
Adresse | Oui | Oui | Oui | Identifiez un bloc de texte contenant des informations de contact | ||||
Ancre | Oui | Oui | Oui | Oui | Lien vers un autre contenu Web | |||
Liste | Oui | Oui | Oui | Organiser les éléments dans une liste | ||||
Image | Oui | Oui | Oui | Intégrer une photographie ou un dessin dans une page Web | ||||
Tableau | Non | Oui | Oui | Oui | Oui | Organiser les données en lignes et colonnes | ||
Style | Non | Oui | Oui | Ajouter du CSS pour contrôler la présentation des objets sur une page Web | ||||
Script | Non | Oui | Oui | Ajouter du Javascript pour que les pages répondent aux comportements des utilisateurs (plus interactives) | ||||
Audio | Non | Non | Oui | Ajouter de l’audio à une page Web avec une seule balise | ||||
Vidéo | Non | Non | Oui | Ajouter de la vidéo à une page Web avec une seule balise | ||||
Toile | Non | Non | Non | Oui | Ajoutez un bloc de dessin invisible à une page Web, sur lequel vous pouvez ajouter des dessins (animations, jeux et autres fonctionnalités interactives) en utilisant Javascript |