IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Ce que tout possesseur de site Web devrait savoir au sujet des standards ou introduction aux standards Web

Cet article a pour but de vous faire une introduction aux standards Web pour vos développements en (X)HTML et CSS. ♪

Article lu   fois.

Les deux auteur et traducteur

Site personnel

Traducteur : Site personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. Que sont les standards Web ?

De même qu'il existe des standards pour la plupart des équipements électriques, des différents types de machines et des produits chimiques que vous rencontrez quotidiennement, il existe des standards libres et non propriétaires pour le Web. Les standards aident différents types de périphériques à communiquer entre eux (votre ordinateur, un serveur Web, le téléphone cellulaire d'un ami et un réfrigérateur Internet). Les standards font du Web un lieu où les fichiers peuvent être lus par n'importe qui, peu importe le moyen par lequel il accède à Internet.

II. Comment les standards Web fonctionnent-ils ?

Bien qu'il y ait des standards Web pour tous les aspects de l'Internet, tels ECMAScript (JavaScript), DOM, XML, RDF, aussi bien que pour les agents utilisateurs et les normes d'accessibilité, lorsque les gens parlent des standards Web, ils réfèrent souvent aux standards définis pour le HTML et le CSS. Le HTML (HyperText Markup Language / langage de balisage hypertexte) et le CSS (Cascading Style Sheets / feuilles de style en cascade) sont deux types de langage ou de codage avec lesquels on peut faire des pages Web. Tel un livre de grammaire pour les langages Web, les spécifications HTML et CSS décrivent les règles à suivre pour écrire un HTML et un CSS corrects.

Agent utilisateur : un agent utilisateur peut être un navigateur, un téléphone cellulaire, un réfrigérateur Internet ou un lecteur d'écran pour déficients visuels ? C’est quelque chose dont on fait usage pour parcourir le Web.

Auteurs Web : quelqu'un qui crée des documents pour le Web en faisant usage d'un langage de balisage ou d'un logiciel qui génère un langage de balisage ? Souvent, ce sont des designers ou des développeurs Web.

Les standards ne disent pas seulement aux auteurs Web comment coder leurs pages, ils disent aussi aux agents utilisateurs comment interpréter et afficher ce code de façon à ce que les utilisateurs puissent lire les pages Web. Les standards sont une manière de s'assurer que tous suivent les mêmes règles ? Une manière d'unifier le Web.

III. Qu'est-ce que la séparation entre le contenu et la présentation ?

III-A. Qu'est-ce que la séparation entre le contenu et la présentation ?

Le HTML renseigne l'agent utilisateur sur la nature et sur l'ordre entre les différentes parties du document (en-tête, paragraphe, citation, etc.), donc sur la structure de son contenu. Le CSS renseigne l'agent utilisateur sur l'apparence que le document devrait avoir (polices, couleurs, etc.), c'est-à-dire sur sa présentation. Cette séparation des fonctions entre le HTML et le CSS est souvent appelée « séparation entre le contenu et la présentation ». Les standards Web en vigueur préconisent une telle séparation.

Bande passante : quantité de données qui peuvent être transmises en un certain laps de temps lors d'une communication. On dit souvent qu'un site Web « consomme » de la bande passante ; ce qui veut dire qu'une certaine quantité de données ont été transmises entre le site en question et les usagers du site.

Il y eut des pages Web codées de manière à ce que l'information touchant leur apparence fasse partie intégrante du HTML. Chaque « phrase » du document HTML devait alors inclure l'information sur la manière dont elle devait s'afficher. Si les couleurs de l'entreprise venaient à changer, alors quelqu'un devait parcourir l'ensemble du site de l'entreprise ligne par ligne et effectuer les changements requis chaque fois où le HTML comportait un choix de couleur. Ce qui n'était pas très efficace.

Lorsque les informations de présentation sont séparées du contenu d'une page Web, il est possible de changer la police, voire la disposition de toutes les pages de l'ensemble d'un site, en changeant un seul document CSS. Cette facilité à changer l'apparence d'un site est ce qui rend la séparation du contenu et de la présentation si puissante.

IV. Qu'est-ce que la conformité aux standards ?

Comment puis-je savoir si mon site est conforme aux standards ?

Pour être conforme aux standards, un site doit être construit selon les spécifications Web officielles. Vous pouvez déterminer la conformité de vos pages en les vérifiant au moyen d'un logiciel appelé « validateur ». Un validateur est semblable à un vérificateur d'orthographe, sauf qu'il vous indique si votre HTML répond aux règles définies par le standard ou non.

Les sites sont-ils tous conformes aux standards ? Qu'est-ce que cela change si un site n'est pas conforme aux standards ?

Les sites ne sont pas tous conformes aux standards. Dans certains cas, un code légèrement fautif pourra s'afficher correctement dans certains agents utilisateurs et ne causer aucun problème apparent ; mais la page n'en demeurera pas moins non conforme. Ne pas suivre les standards peut néanmoins occasionner de sérieux problèmes. En certains cas, les pages qui ne sont pas codées conformément aux standards ne s'afficheront pas du tout.

Pourquoi les sites ne sont-ils pas tous conformes aux standards ?

Il y a diverses raisons pour expliquer cet état de fait. Quelquefois, les auteurs Web :

  • créent des pages comportant des erreurs ;
  • ne savent pas comment faire des sites qui rencontrent les standards ;
  • font usage de logiciels qui génèrent du code non conforme ;
  • utilisent des codes liés à des fonctionnalités qui n'existent que dans un seul navigateur.

V. Comment puis-je tirer profit des avantages liés aux standards ?

Récolter les avantages liés aux standards est aussi simple que de demander à vos fournisseurs ou à vos employés de vous livrer des produits leur étant conformes. Discutez de la conformité aux standards avec votre équipe de développement Web.

  • Les sites déjà existants peuvent être mis à jour graduellement en rendant conformes les pages les plus fréquentées d'abord, puis en étendant progressivement le travail au reste du site.
  • Les nouveaux sites peuvent être prévus pour être conformes aux standards dès le début. En planifiant tôt et en optant pour les standards les plus récents, vous pouvez récolter les meilleurs avantages.
  • Les sites en construction peuvent aussi adopter les standards Web ; moyennant un léger supplément financier à court terme, mais à long terme les standards vous feront économiser de l'argent.

Travaillez en étroite collaboration avec votre équipe de développement pour mettre sur pied un site conforme aux standards et à ce qu'il convient de mieux à votre entreprise.

Pour plus d'information, consultez le guide du W3C pour l'achat de sites Web conformes aux normes.

VI. Qui décide de ce que sont les standards ?

Le Consortium du World Wide Web (W3C), une des organisations de standardisation les plus influentes, publie des spécifications techniques, des recommandations et d'autres missives sur l'infrastructure du Web. Plusieurs autres organisations contribuent aussi à la standardisation du Web. Entre autres :

  • l'Organisation Internationale de Standardisation ;
  • l'Internet Engineering Task Force ;
  • Ecma International ;
  • le Consortium Unicode ;
  • et beaucoup d'autres.

VII. Que dire à mon gestionnaire de TI et de développement Web ? Je veux en savoir davantage sur les standards Web !

Une discussion plus approfondie (et plus technique) sur les standards est disponible dans le livre blanc du MACCAWS : « Aller de l'avant avec les standards Web ». Également disponible sur le site du MACCAWS : des travaux de recherche, des rapports d'enquête et des études de cas destinés à illustrer les avantages commerciaux liés à l'adoption des standards.

Pour plus d'informations sur les standards, on peut consulter le Web Standards Project (http://www.webstandards.org) et le W3C (http://www.w3.org).

VIII. Quelques notions sur les standards

Tout au long de cet article, nous avons identifié les avantages que vous pouvez obtenir pour votre entreprise lorsque vous rendez votre site Web conforme aux standards.

Accessibilité : parce que les normes d'accessibilité présupposent le respect des standards, un site conforme aux standards est en voie de répondre aux normes d'accessibilité. En rendant votre site accessible aux millions de personnes handicapées, vous pouvez étendre la liste de vos clients. En plusieurs endroits, des lois obligent les sites à être accessibles.

Indépendance par rapport aux périphériques : en adoptant les plus récents standards CSS, vous pouvez rendre le contenu de vos pages Web accessible aux différents navigateurs et autres périphériques ; par exemple, le même site pourra être utilisable aussi bien via un téléphone cellulaire qu'un ordinateur dernier cri.

Chargement de page plus rapide : la brièveté d'un code conforme aux standards diminue la taille ou le « poids » des pages Web. Il en résulte un chargement plus rapide des pages et une expérience utilisateur améliorée.

Économie sur la bande passante : vous payez la bande passante servant à livrer vos informations. Vous pouvez diminuer les coûts qui y sont liés en diminuant la quantité d'information non nécessaire que votre site envoie à vos visiteurs. Des études ont montré qu'un design fondé sur le respect des standards peut réduire le poids d'un site de 25 % à 50 %.

Facilité de maintenance : la séparation entre la structure et la présentation préconisée par les standards permet de faire des changements sur l'ensemble du site en modifiant une seule feuille de styles. Sans ces standards, les mêmes changements auraient dû être effectués sur chacune des pages du site.

Amélioration de l'expérience utilisateur : un code non standard peut rendre le contenu de votre site inaccessible à ceux qui font usage d'une plate-forme, d'un périphérique ou d'un agent utilisateur moins répandu. Si votre site est conforme aux standards, alors votre contenu est disponible à n'importe quel usager du Web (vos clients potentiels).

Meilleure garantie de compatibilité : un site ou une application écrite conformément aux standards fait usage d'une technologie clairement définie, et sa compatibilité avec d'autres produits peut être testée facilement. Les applications qui font usage d'un code non standard ou propriétaire peuvent lier une entreprise à une technologie particulière en raison des coûts et de la difficulté à trouver des produits ou des technologies qui y sont compatibles.

Meilleure évolutivité : tous les standards Web sont conçus pour fonctionner ensemble tout en demeurant extensibles et ouverts aux évolutions futures. Investir dans des projets de développement Web conformes aux standards laisse la porte ouverte à des développements futurs et à l'adaptation à de nouveaux besoins.

Plus grande flexibilité dans la sélection d'un vendeur ou d'une équipe Web : n'importe quel vendeur ou auteur Web ayant accès aux spécifications devrait être capable de modifier un site conforme aux standards, sans avoir à démêler d'abord le code non standard introduit par ses devanciers.

IX. Traduction

L'équipe de W3Québec : Normand Lamoureux (traduction et relecture), Chantal Ide (relecture) et Denis Boudreau (relecture).

X. Remerciements

Tous mes remerciements à fabszn pour sa relecture.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2012 MACCAWS. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.