Table des matières
© Groupe Eyrolles, 2005
PREMIÈRE PARTIE
Standards HTML et XHTML : quelle différence ? ..........1
CHAPITRE 1
Le W3C et les standards du Web .................................................. 3
Ce qui fait tourner le Web en coulisses : les standards . . . . . . . . . . . . . . . . . . . . . . . 4
Les navigateurs parlent la même langue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
DIVERSITÉ Pourquoi s’embarrasser des autres navigateurs ? . . . . . . . . . . . . . . . . . 5
Pour un Web accessible à tous . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
TEXTES Loi sur l’accessibilité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
En résumé : avantages des standards et d’une sémantique sur le Web . . . . . 10
PIÈGE Trop de div tue le div ! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
HTML ou XHTML ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Syntaxe générale du XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Indiquer la grammaire au navigateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Indiquer la langue et l’encodage du document : lang et charset . . . . . . . . . . . 15
Valider son site avec le W3C . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Testez vos connaissances . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
CHAPITRE 2
Séparer le fond et la forme avec HTML et CSS.......................... 21
La base du HTML : les balises . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
Les attributs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
L’imbrication des éléments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
La structure des éléments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Quelques exemples pratiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Contenus autorisés selon les types de balises . . . . . . . . . . . . . . . . . . . . . . . . . 26
Les éléments en ligne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Les éléments de type bloc . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
© Groupe Eyrolles, 2005
PREMIÈRE PARTIE
Standards HTML et XHTML : quelle différence ? ..........1
CHAPITRE 1
Le W3C et les standards du Web .................................................. 3
Ce qui fait tourner le Web en coulisses : les standards . . . . . . . . . . . . . . . . . . . . . . . 4
Les navigateurs parlent la même langue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
DIVERSITÉ Pourquoi s’embarrasser des autres navigateurs ? . . . . . . . . . . . . . . . . . 5
Pour un Web accessible à tous . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
TEXTES Loi sur l’accessibilité . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
En résumé : avantages des standards et d’une sémantique sur le Web . . . . . 10
PIÈGE Trop de div tue le div ! . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
HTML ou XHTML ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Syntaxe générale du XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
Indiquer la grammaire au navigateur . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
Indiquer la langue et l’encodage du document : lang et charset . . . . . . . . . . . 15
Valider son site avec le W3C . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
Testez vos connaissances . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19
CHAPITRE 2
Séparer le fond et la forme avec HTML et CSS.......................... 21
La base du HTML : les balises . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
Les attributs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
L’imbrication des éléments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23
La structure des éléments . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24
Quelques exemples pratiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
Contenus autorisés selon les types de balises . . . . . . . . . . . . . . . . . . . . . . . . . 26
Les éléments en ligne . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27
Les éléments de type bloc . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27