Formation HTML 5

Introduction

Objectif du HTML

Le HTML est un langage de description de documents.
Il décrit les différentes structures et composants d'un document.
Ces composants sont :
- du texte : titres, paragraphes, ...
- des liens,
- des tableaux,
- des listes,
- des formulaires de saisie,
- des composants multimédia,
- ...
HTML est au centre du web : il décrit l'interface utilisateur.

Historique

IBM crée en 1969 une version simplifiée du SGML comme standard d'échange de documents.
en 1991, Tim Berners-Lee (CERN) crée le HTML et le web.
Le web est donc européen !
La version finalisée actuelle : 4.0
Le HTML présente des difficultés de cohabitation des différentes versions,
l'évolution vers XML donne le xHTML.

La version 5.0 n'est pas encore finalisée, elle est cependant déjà utilisable car bien intégrée dans la plupart des navigateurs.

Historique

HTML 5 est la prochaine révision majeure d'HTML.
Cette version HTML 5 est actuellement en développement.
HTML 5 spécifie deux syntaxes d'un modèle abstrait défini en termes de DOM :
- HTML 5 conforme à la syntaxe SGML,
- XHTML 5 conforme à la syntaxe XML.
Le travail a été initié par le WHATWG.
Il a été repris par le W3C en mars 2007.
Le W3C vise la clôture des ajouts de fonctionnalités en mai 2011 et une finalisation de la spécification en 2014.
Le W3C encourage les développeurs Web à utiliser HTML 5 dès maintenant.

La syntaxe du SGML est souvent trop permissive et conduit à des ambiguïtés lors de l'interprétation du code. Il est préférable d'utiliser une syntaxe conforme au spécifications XML. Le xHTML 5 sera donc un meilleur choix comme ce fut pour le HTML 4 auquel il est préférable d'utiliser le xHTML 1.

Principe général HTML

Le HTML est un langage de description.
Le navigateur interprète le contenu d'un fichier HTML de façon séquentielle :
- chaque ligne est lue et exécutée dans l'ordre
- il n'existe pas d'instruction de boucle, test, rupture...
HTML se charge de décrire la structure d'un document selon des aspects sémantiques :
- chaque balise correspond à un type d'information :
```
Voici un texte normal et un
           <strong>texte important</strong>.
```
- c'est le client qui attribuera le style en gras, car pour un document visuel c'est la forme appropriée !

Le navigateur et le HTML

Un fichier HTML peut être utilisé hors du contexte du web.
Tout client web peut utiliser la ressource file://chemin/vers/fichier.html pour afficher le fichier,
mais très souvent le protocole HTTP se charge de véhiculer le contenu HTML jusqu'au navigateur.
Le navigateur (Browser) interprète et affiche le résultat,
en fonction de ses caractéristiques, il fera le rendu du document.
Il existe des navigateurs faisant
- un rendu à l'écran : FireFox, Opera, Chrome, Internet Explorer, Konqueror ...
- un rendu à l'impression : Prince ...
- un rendu audio : FireVox (extension de FireFox pour malvoyants)

Le serveur HTTP

Le serveur Web est une machine distante répondant aux sollicitations des clients du Web,
il transmet des fichiers (x)HTML ou autres (images, sons, ...) sous formes de flux HTTP.
Il récupère en retour les données saisies par les utilisateurs.
En fonction du type de requête il peut être amené à solliciter l'exécution de programmes tiers
- par des scripts CGI
- par des scripts PHP/Pyton/ASP/...
il peut ainsi consulter des bases de données.

Interaction client/serveur HTTP

HTTP est un protocole déconnecté,
une requête n'est pas corrélée à la requête précédente.
Ceci cause un problème pour le maintien de l'identification sur un site donné.
Le mécanisme des cookies apporte la solution :
- le serveur positionne une chaîne de caractères servant d'identifiant sur le client,
- à la connexion suivante, le client présente cet identifiant au serveur.

Structure composite d'un document HTML

Il est rare qu'un document HTML contienne à lui seul tous les éléments le constituant.
Il requiert souvent :
- des images,
- des feuilles de style CSS,
- et dans HTML 5 des vidéos, des sons, ...,
Le navigateur fera l'agrégateur de tous ces éléments, lançant plusieurs requête HTTP.
Le mécanisme de cache permettra de limiter la bande passante en cas de ressources communes à plusieurs pages.

Édition de documents (x)HTML

Un document (x)HTML est un fichier texte, souvent avec une extension .html
Il peut être créé avec :
- un éditeur de texte simple type vi, emacs, Notepad, ...
- un éditeur prétendu évolué (eclipse, Frontpage, Dreamweaver, Netscape Composer, ...)
- un convertisseur : openoffice, Word, ...
Malgré l'existence de ces outils, il est impératif de connaître et maîtriser les fonctionnalités offertes par le HTML pour :
- une meilleure conception : les éditeurs ne génèrent pas du code propre,
- l'approche WYSIWYG n'est pas adaptée au web sémantique.