Avec la diffusion des éditeurs visuels, de moins en moins de Web designers approfondissent leurs connaissances sur le code généré par des programmes comme Frontpage, Dreamweaver, etc.
Peut-être que beaucoup ignorent encore que les codages HTML, XHTML, XML ont été créés par les groupes d’étude du W3C (World Wide Web Consortium) : grâce au W3C qui met régulièrement à jour les recommandations, il est possible de créer des contenus pour le Web de manière à ce qu’ils soient affichables par n’importe quel navigateur sur n’importe quel appareil supportant ces recommandations. Malheureusement, ce n’est qu’aujourd’hui que les créateurs de navigateurs et d’applications orientées vers la création de pages Web commencent à s’aligner sur les directives, ce qui cause donc des problèmes de compatibilité et d’affichage des contenus avec des navigateurs qui ne sont pas de dernière génération. Le W3C met à disposition divers outils pour le professionnel qui souhaite un site techniquement parfait : je rappelle également que dans la création des pages Web, la seule certification possible est basée sur la qualité du code étant donné que la beauté, l’usabilité, etc., sont des évaluations subjectives. Les systèmes de validation du code offerts par le W3C sont au nombre de deux : HTML/XHTML Validator et CSS Validator. HTML/XHTML Validator (http://validator.w3.org) Avec ce système, la syntaxe correcte de la page Web est validée aussi bien en ligne (en insérant l’URL de la page à valider) qu’en transférant un document local. Afin de pouvoir valider une page Web, il est nécessaire de définir d’abord le DOCTYPE qui, actuellement, est indiqué comme suit pour les documents respectant la recommandation HTML 4.01 :
Cet en-tête varie selon le type de document à créer : le document en cours de validation est donc soumis au DOCTYPE qui, pour HTML 4.01, consiste actuellement en : HTML 4.01 Strict (utilisé pour maintenir la meilleure compatibilité avec les anciennes versions)
HTML 4.01 Transitional (utilisé comme standard pour les pages Web et dans notre exemple) HTML 4.01 Frameset (utilisé pour les versions avec cadres)
Si nous passons ensuite à l’utilisation de la recommandation XHTML (qui remplacera bientôt HTML), le DOCTYPE conseillé pour la version 1.0 est le suivant :
Passons maintenant à XHTML qui a pour objectif de séparer le contenu de l’aspect graphique, augmentant ainsi l’utilisation des feuilles de style (CSS) et permettant la variation du thème graphique du site Web en limitant la modification aux CSS. Pour XHTML également, trois types de DOCTYPE existent : XHTML 1.0 Strict (utilisé pour maintenir la meilleure compatibilité avec les systèmes précédents)
XHTML 1.0 Transitional (utilisé comme standard pour les pages Web et dans notre exemple) XHTML 1.0 Frameset (utilisé pour les versions avec cadres)
Il est également important d’insérer le codage des caractères utilisé dans la page Web (c’est-à-dire le charset) : À ce stade, il est nécessaire de connaître le contenu des recommandations dont nous donnons ci-après les URLs en anglais mais pour lesquelles vous trouverez également des traductions en italien : HTML 4.01 : www.w3.org/TR/html401/ et XHTML 1.0 : www.w3.org/TR/xhtml1. Les erreurs qui se produisent le plus souvent en HTML 4.01 sont : – l’absence des balises ALT pour les images : il est nécessaire pour chaque image d’indiquer un texte alternatif : 
Il est important de rappeler que le texte de la balise ALT doit être explicatif pour l’image et ne doit pas être utilisé pour la répétition excessive des mots-clés à des fins d’indexation dans les moteurs de recherche, car il est utilisé par les lecteurs d’écran (ou screen readers) pour fournir des informations aux personnes handicapées et pour fournir des informations aux utilisateurs en cas de non chargement de l’image. – topmargin,leftmargin qui ne sont utilisés que par des éditeurs visuels et visibles seulement sur certains navigateurs. Il n’est donc pas conseillé d’utiliser un code tel que le suivant : – Images de fond pour cellules et tableaux. HTML 4.01 ne permet pas l’utilisation d’images de fond pour les cellules et tableaux, laissant éventuellement la possibilité d’utilisation via des feuilles de style (CSS). Ainsi, un code comme le suivant ne passe pas la validation :
alors qu’il est validable s’il est appliqué à une classe nommée par exemple « sfondo » :
– Erreurs sur les scripts : il est toujours nécessaire de spécifier de quel type de script il s’agit :
Pubblicato in Outils numériques
Soyez le premier à commenter