mercredi 07 février 2007

Le guide du XHTML

cacfd3
Posté par Marc-Antoine à 18:15

Je fais la promotion du XHTML depuis plus de 2 ans. En effet, la plupart de mes sites Web sont entièrement valides, mon entreprise est membre du W3Qc, je forme mes employés et partenaires afin qu’ils respectent les normes et je conseille mes clients en faveur de l’adoption de ces standards.

J’ai décidé de rédiger un guide du XHTML qui pourra servir d’argument de vente, de document de soutien à l’apprentissage du XHTML et d’aide mémoire.

Pourquoi valider
Respecter les normes parce qu’il faut respecter les normes n’est pas le meilleur argument. Nous ne respectons pas (tous) les limites de vitesse, pourquoi respecter les normes lors de la conception d’un site Web. Voici quelques arguments pour appuyer votre discours :

  • Un site utilisant les derniers standards est fait pour durer tout au long de l’évolution des navigateurs et des divers langages
  • Votre site sera compatible avec tous les navigateurs respectant la norme que vous aurez choisie. Adieu les sites optimisés pour IE sous Windows et qui sont donc incompatibles avec d’autres navigateurs populaires ou systèmes d’exploitation.
  • Accélération du développement et de la maintenance. Le XHTML permet une lecture facile du code et une mise à jour simplifié du design, des feuilles de style et de la mise en forme puisqu’ils sont séparés du contenu.
  • Une page XHTML a beaucoup plus de chance d’être accessible à tous les utilisateurs puisqu’il respectera automatiquement certains critères requis par les normes d’accessibilité. De plus, vous serez probablement tenté de respecter d’autres normes par la même occasion.
  • Les pages XHTML strict sont généralement plus légères ce qui a pour avantage d’accélérer le temps de chargement des pages. Les feuilles de styles étant externalisées, elles sont gardées en mémoire sur l’ordinateur (cache) ce qui a pour effet d’accélérer la vitesse d’affichage des pages.
  • En XHTML, il est possible d’organiser stratégiquement les éléments afin de mettre l’emphase sur le contenu unique de chaque page plutôt que sur les divers menus répétés sur le site entier. Ceci aura pour but de donner plus d’importance au contenu lors de l’indexation d’un site par le robot d’un moteur de recherche.

Je pense que certains moteurs de recherche vont même donner un avantage aux sites respectant les normes telles le XHTML.

Comment valider
Il existe plusieurs outils pour valider un site, en voici une liste :

C’est à ce moment que j’ai l’honneur de vous présenter un de mes produits. Mon équipe a développé un Validateur XHTML Multipage. Ce validateur utilise aussi notre robot pour indexer votre site puis le moteur de validation du W3C pour valider le code des pages. D’un seul clic, grâce à la technologie AJAX, vous pouvez donc valider toutes les pages de votre site Web et voir les résultats apparaître sur le rapport qui vous est présenté dynamiquement. Vous pourrez par la suite valider à nouveau une page en cliquant sur « go » et afficher plus d’information sur les erreurs spécifiques à une page en cliquant sur le nombre d’erreurs dans la colonne « erreurs ». Cet outil est très pratique pendant le développement de votre site Internet, lors de la mise en production mais aussi pendant toute la durée de vie du site afin de vérifier la validité des pages, possiblement altérée par le contenu généré par vos utilisateurs, tels les commentaires.

Grâce à Go-Référencement, qui sponsorise maintenant le Validateur Multipage, je suis en phase d’analyse et commencerai bientôt la charte du projet pour la version 2. L’outil sera migré sur le serveur de Go-Référencement qui fournira aussi un effort de développement. Laissez-moi un commentaire avec toutes vos suggestions et recommandations, je les prendrai très certainement en considération!

Oui mais je n’y arrive pas!
Pas de panique, voici comment s’en sortir.

  1. Validez une page et regardez la liste des erreurs. Tentez de corriger les erreurs simples en premier. Une fois la liste écourtée, le projet vous semblera plus réalisable
  2. Si le message d’erreur ne vous dit rien, ou que vous ne savez pas comment corriger le code, il est souvent utile de chercher dans Google/Yahoo/MSN le message d’erreur, entre guillemets doubles, en excluant le numéro de ligne. Vous trouverez sans doute des discussions qui traitent de cette erreur sur plusieurs forums et la solution y sera, je l’espère, fournie.
  3. Consultez ces sites références :
    1. FAQ Développez
    2. XHTML 1.0: The Extensible HyperText Markup Language (Second Edition)
    3. XHTML - Wikipédia
    4. XHTML Tutorial par W3Schools (en anglais)
    5. Tutoriels AlsaCréations
    6. XHTML en une heure par OpenWeb
    7. W3Qc
  4. Si vous ne trouvez rien, vous pouvez vous-même rédiger votre question sur l’un des forums suivants :
    1. AlsaCréations
    2. Développez
    3. Le site du ZérO
  5. Contactez-moi et priez ;)

Vous voulez contribuer à ce guide ou proposer des améliorations au le Validateur Multipage? Laissez-moi vos commentaires !



Articles relatifs :


Tags :

accessibilité, ajax, xhtml





5 Commentaires

  • quiboweb a dit le 8 février 2007 à 08:31 :

    Question d’accomodement raisonable, si vous ne désirez pas prier, vous pouvez également vous abonner à la liste publique du W3Québec à partir de l’adresse suivante : http://w3qc.org/ressources/listedediscussion/

    Les membres et non membres du W3Québec abonnés à cette liste ont souvent rencontré les mêmes problèmes que vous avez. Ils s’agit donc d’une façon très efficace de trouver des réponses à ses questions.

    Ensuite, si vous avez été bien répondu et que vous avez économiser beaucoup de temps grâce à ce coup de pouce, ayez une pensée pour le W3Québec et devenez membre!

    Bon Web!

  • Raphael a dit le 13 février 2007 à 10:58 :

    Excellentes sources !

    Attention que “Le site du zéro” n’est pas bon que pour son forum !!!

    Il est aussi connu pour ses tutoriaux dont celui sur la création web (XHTML et CSS) disponible ici : Apprenez à créer votre site web

    et celui sur la programmation PHP
    ;-)

  • Marc-Antoine a dit le 14 février 2007 à 12:59 :

    Merci pour cet ajout Raphael. J’ai modifié le lien dans ton commentaire, question d’esthétique.

  • Kador a dit le 24 octobre 2008 à 18:01 :

    * Le XHTML est plus facile à manipuler que le HTML. Cet atout est déterminant pour les analyseur syntaxiques, les outils de génération, de transformation, d’indexage, …
    * En étant plus strict, le code XHTML est plus cohérent que le code HTML. Il aura moins tendance à générer des erreurs de fonction ou d’affichage.
    * Le code XHTML peut être analysé (et éventuellement validé) par des outils en ligne, ce qui offre des garanties supplémentaires quant à sa portabilité.
    * Le XHTML est plus simple à comprendre et apprendre que HTML. Il utilise moins de balises et ne tolère pas l’ambiguïté.
    * Le XHTML offre l’énorme avantage d’avoir une excellente compatibilité descendante ; il est interprété par les anciens navigateurs comme du HTML normal.
    * Le XHTML est conçu pour fonctionner en parfaite symbiose avec d’autres standards des navigateurs modernes: le DOCTYPE, et le Document Object Model

  • captain_torche a dit le 14 janvier 2009 à 04:11 :

    Pourquoi vouloir imposer à tout prix du XHTML ? Tout ce qui est dit précédemment est valable également pour du HTML “de base”, pourvu qu’il soit correctement codé. Autrement dit, ce n’est pas la version du langage qui importe, mais la qualité de son implantation.
    Je peux très bien faire un site propre accessible en HTML 4, et je peux également faire des atricités en XHTML (styles inline, utilisation des balises hors de leur sémantique …).

Commentez cet article