10/10/14

Le contenu d'un document HTML doit respecter les règles de ce "langage". En particulier, il doit être balisé.

Le navigateur ouvre le document balisé et interpète les balises pour fabriquer le document multimedia qui sera présenté à l'utilisateur dans la fenêtre de navigation.

Les balises ne seront donc pas vues par l'utilisateur.

Balisage bien formé

Le contenu est un "texte multimedia balisé"; c'est à dire qu'il contient du texte des images, des liens, ... et que ceux-ci sont balisés.

Puisque qu'un document html ne peut contenir que du texte, les objets non textuels (images, vidéo, ...) à intégrer dans le document final y seront indiqués par des balises spécifiques. Les balises, donc, sont utiles pour :

indiquer au navigateur les différentes parties du contenu textuel (titres, paragraphes, ...)
associer à ces contenus des objets multimedias (images, vidéos, sons, ...)

La première condition que doit remplir un balisage est d'être BIEN FORMÉ. Cela signifie que les balises sont bien écrites et bien imbriquées:

tout nom entre < et > est une balise
soit une balise est une balise double (comme un paragraphe, balise p en html) et elle encadre un contenu :
- oui : <h1>bonjour</h1> comment allez-vous
- non: <h1>bonjour comment allez-vous
soit une balise est simple et elle s'écrit :
- oui : <img ..... />
- non: <img .... >
Par ailleurs les balises doivent être correctement imbriquées :
- oui : allez <plan>vas y </plan>
- non : allez <plan>vas y</plan>
Le premier exemple ci-dessus est bien formé bien que la balise plan n'existe pas ; la notion de bien formé est indépendante du nom des balises utilisées et de leur existence en html.

Document valide

La validité d'un document html est une notion différente ; pour qu'un document bien formé soit en plus valide :

II ne peut utiliser que les balises autorisées, on ne peut pas en inventer.
On ne peut imbriquer n'importe quelle balise dans n'importe quelle autre.

Par exemple en html on ne peut imbriquer une balise p dans une balise p.

bien formé et valide: alors, content?
bien formé mais non valide : j'insiste : pas question que je le fasse !

Une norme html sert à désigner cet ensemble de contraintes : html 4, xhtml, html 5 sont des normes.

Pourquoi y a t-il plusieurs normes de HTML : parce que ce langage évolue
Pourquoi faut-il des normes ? Pour qu'on puisse dire si un document est valide ! et pour que les navigateurs s'y retrouvent.

L'ensemble des contraintes qu'un document est censé suivre (c'est à dire quelle norme il respecte) est choisi par son concepteur et indiqué au début du document par la commande DOCTYPE ; on trouve souvent cette indication sous la forme suivante :

<!DOCTYPE html> : cela signifie que le document devrait suivre la norme html5
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> : le document devrait suivre la norme xhtml1
...

C'est cette commande DOCTYPE qui permet de faire vérifier la validité d'un document ; un document peut être valide pour une norme html et invalide pour une autre ; tout document HTML devrait commencer par une commande DOCTYPE.

La validation peut se faire directement sur le Web à l'aide d'un site spécialisé. Par exemple cherchez le site de validation du "Consortium W3C" (mots clés : validation html) .

Exercice: le code ci-dessous est- il : bien formé, valide ? Corrigez-le et validez-le.

<html>
<head>
<meta charset="UTF-8">
<title>Document sans titre</title>
</head>
<body>
<p>bonjour<p>
</body>
</html>

Balisage bien formé

Document valide