normes du W3C

Les recommandations du W3C
Hypermédia 1-3
412-DVV-SW
Présenté par
Manon Meagher
Collège Shawingan
7 janvier 2007
TABLE DES MATIÈRES
1.
QU’EST-CE QUE LE W3C ............................................................................3
2.
POURQUOI UNE NORME ? .........................................................................3
3.
2.1
Permissibilité des navigateurs........................................................................................ 3
2.2
Particularisation des navigateurs ................................................................................... 4
2.3
Variété d’affichage ......................................................................................................... 4
2.4
Accessibilité.................................................................................................................... 4
2.5
Séparer la forme du contenu.......................................................................................... 4
2.6
Mention du type de document........................................................................................ 5
2.7
Utiliser la version de XHTML strict ou transitionnal ....................................................... 5
2.8
Valider le XHTML et le CSS........................................................................................... 5
RÉFÉRENCES W3C ....................................................................................5
Les recommandations du W3C
2
1. Qu’est-ce que le W3C
Le World Wide Web Consortium, abrégé W3C, est un consortium fondé en octobre 1994 pour
promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML,
XML, CSS, PNG, SVG et SOAP. Le W3C n'émet pas des normes, mais des recommandations.
Sa gestion est assurée conjointement par le Massachusetts Institute of Technology (MIT) aux
États-Unis, le European Research Consortium for Informatics and Mathematics (ERCIM) en
Europe (auparavant l'Institut national de recherche en informatique et en automatique français
(INRIA)) et l'Université Keio au Japon.
Un document W3C traverse plusieurs étapes avant de devenir une Recommendation : Working
Draft (brouillon de travail), Last Call Working Draft (dernier appel), Candidate Recommendation
(candidat à la recommandation), et Proposed Recommendation (recommandation proposée).
Une recommandation peut être mise à jour par errata édité séparément, jusqu'à l'accumulation
de suffisamment de modifications ; une nouvelle version de la recommandation est alors publiée
(XML en est aujourd'hui à sa troisième version). Parfois, une recommandation recommence le
processus, comme RDF. Le W3C publie aussi des remarques informatives qui ne sont pas
destinées à être traitées en tant que norme.
Le consortium laisse le soin aux fabricants de suivre les recommandations. Contrairement à
l'Organisation internationale de normalisation ou d'autres corps internationaux de standardisation,
le W3C ne possède pas de programme de certification. Cependant les spécifications techniques
du W3C définissent la conformité de manière plus ou moins explicite et formelle. Le niveau
d'implémentation des spécifications a été amélioré par la production d'un rapport
d'implémentation pendant la phase de Candidate XHTML selon les normes
2. Pourquoi une norme ?
2.1 Permissibilité des navigateurs
•
•
Au début, le seul navigateur graphique était Mosaïc. Alors la norme était ce que
comprenait Mosaïc.
Malgré l'existence d'une norme, les navigateurs restent très permissifs. En présence
d'erreurs de HTML, un navigateur essaie de « corriger » les erreurs, ce qui laisse place
à l'interprétation des différents navigateurs qui ne vont pas corriger la même erreur de la
même façon.
<ul>
<li>Item
Suite de
<li>Item
<li>Item
</ul>
1</li>
l'item 1
2</li>
3</li>
Les recommandations du W3C
3
2.2 Particularisation des navigateurs
De plus, Netscape et Microsoft ont devancé les normes avec plusieurs fonctionnalités
propriétaires. Ce qui a donné lieu à « des pages optimisées pour le navigateur X ».
• Conséquences :
o On a des documents qui ne s'affichent bien que sur un navigateur. Perte d'audience
o On fait plusieurs versions d'un même document. Perte de temps.
• Certaines balises sont traitées différemment par différents navigateurs.
2.3 Variété d’affichage
•
•
•
•
•
•
WebTV
PDA (Personnal Digital Assistant : ordinateur de poche)
Téléphone portable
Ordinateur à synthèse vocale (non seulement pour les non voyant, mais pour des
applications où les yeux sont occupés à autre chose, la conduite automobile par
exemple).
Un document Web a une durée de vie très longue pendant laquelle plusieurs versions de
navigateurs et systèmes d’exploitation vont se succéder.
Il devient irréaliste de penser vérifier l'affichage d'un document Web avec tous les
navigateurs.
o Solution : produire des documents qui respectent la norme de W3C.
o Plutôt que vérifier qu'un document XHTML s'affiche bien avec tous les navigateurs,
on fait appel à un programme validateur qui vérifie que le XHTML est valide, c'est-àdire conforme aux règles de syntaxe de HTML.
o Plus besoin de tester avec toutes les versions des différents navigateurs.
2.4 Accessibilité
•
•
•
•
•
•
Il existe des navigateurs en mode texte, de navigateurs vocaux, des navigateurs en
braille.
Il est difficile pour l'auteur d'un document HTML qui ne connaît pas le braille (ce qui
correspond à la majorité d'entre nous) de savoir comment va s'afficher le document avec
un navigateur braille. La norme W3C garantit que le document sera rendu de façon
adéquate peu importe le type de navigateur.
Vous pouvez avoir une idée de ce à quoi ressemble un document Web pour une autre
application d'un navigateur graphique en utilisant un navigateur texte.
Le navigateur Lynx est sans doute le navigateur en mode texte le plus connu. La page
http://www.delorie.com/web/lynxview.html offre un outil qui affiche la page tel que le fait
le navigateur texte Lynx.
La page http://www.dejavu.org/emulator.htm offre un émulateur de différents navigateurs
dont un navigateur en mode texte.
Essayez avec différentes pages.
2.5 Séparer la forme du contenu
Le document XHTML contient la structure (organisation des éléments du document) et le
contenu des éléments. Toutes les informations concernant la forme (présentation) du document
(couleur, disposition, dimensions,…) sont contenues dans les feuilles de style.
•
•
Plus facile à modifier (l'apparence passe de mode rapidement alors que le contenu a une
durée de vie plus longue)
Document moins volumineux.
Les recommandations du W3C
4
2.6 Mention du type de document
xhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
html 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
•
•
•
•
Première ligne du document.
Indique à l'agent utilisateur le type de document qu'il va traiter.
La mention DOCTYPE indique aussi l'url écrivant la syntaxe du document.
Cette syntaxe est donnée par une DTD (pour Document Type Definition).
2.7 Utiliser la version de XHTML strict ou transitionnal
•
•
•
Utiliser la version "strict" de XHTML le plus souvent possible.
La version "transitional" devrait être utilisée seulement pour produire des
documents pour des navigateurs anciens qui ne comprennent pas les mentions de style.
La version "frameset" devrait être utilisée seulement si il y a des cadres dans le
document.
2.8 Valider le XHTML et le CSS
•
•
Vérifier que le document suit la syntaxe de l'application qui est déclarée dans la mention
DOCTYPE, voir : http://validator.w3.org/
Les messages d'erreur donnés par les validateurs sont difficiles à comprendre au début.
Mais l'effort en vaut la peine.
o Ça permet de produire de documents valides.
o Amélioration rapide (de moins en moins d'erreurs).
3. Références W3C
Consortium du W3C
W3C (version française)
HTML
HTML Validation
HTML (version française)
CSS
CSS1
CSS2
CSS3
CSS Validation
CSS (version française)
Tutorial W3C
Traduction du W3C
Les spécifications du W3C
XHTML 1
Déclaration DOCTYPE
http://www.w3.org/
http://fr.wikipedia.org/wiki/W3C
http://www.w3.org/MarkUp/
http://validator.w3.org/
http://www.la-grange.net/w3c/html4.01/cover.html
http://www.w3.org/Style/CSS/
http://www.w3.org/TR/CSS1
http://www.w3.org/TR/CSS21/
http://www.w3.org/Style/CSS/current-work
http://jigsaw.w3.org/css-validator/
http://www.yoyodesign.org/doc/w3c/css2/cover.html
http://www.w3schools.com/
http://www.yoyodesign.org/doc/w3c/w3c.html
http://www.la-grange.net/w3c/html4.01/cover.html
http://www.la-grange.net/w3c/xhtml1/
http://www.ccim.be/ccim328/xhtml/dtd.html
http://www.w3.org/QA/2002/04/valid-dtd-list.html
D:\mmeagher2\Documents\Normes W3C\normesW3C.doc
7 janvier 2007
Les recommandations du W3C
5