Rechercher:
|
Rechercher:
Dans la même rubrique:
Auteur : Monique
Site Web : Webatou, accessibilité et qualité des sites Web En campagne pour des sites de qualité, conformes et accessibles Articles de l'auteur :  Rédiger une bonne déclaration d’accessibilitéLes feuilles de styleL’accessibilitéUn code valide : quelques erreurs fréquentesUn code valide : le doctypeLes standards du Web |
Un code valide : quelques erreurs fréquentes
Un code valide : quelques erreurs fréquentes16 septembre 2003, par MoniqueMoins vous ferez d’erreurs en écrivant votre code, plus vous gagnerez de temps au débogage. Voici une liste de quelques pièges faciles à éviter. Pour toutes les versionsRemarque : Les exemples sont donnés en HTML, si vous utilisez le XHTML n’oubliez pas de fermer toutes les balises Le doctype Il est souvent absent ou incorrect : un article est consacré à cet élément essentiel. Le doctype est sensible à la case, respectez bien l’utilisation des majuscules et minuscules. Le jeu de caractères Il existe un grand nombre de caractères pour l’ensemble des différentes langues utilisées dans le monde, il est donc important de fournir aux différents navigateurs les informations nécessaires pour interpéter correctement votre texte. Pour la majorité des sites francophones, vous utiliserez ce charset
Si le charset est correctement indiqué, il devient inutile d’utiliser les caractères spéciaux dans votre code, celui-ci sera plus facile à relire : Cas particuliers : les caractères qui font partie du code.
Si vous souhaitez qu’ils s’affichent à l’écran, il faut l’indiquer aux navigateurs en utilisant les références d’entités de caractères
La présence du caractère & (ampersand en anglais) dans une URL ou dans un script est source de problème. Il convient donc de le remplacer par Vous trouverez des informations complémentaires dans les spécifications du W3C. L’appel à un script
<!--Si vous faites simplement appel à des événements tel que onmouseover vous devez le signaler aux navigateurs avec cette balise meta Si vous faites appel à un fichier séparé (pour allèger votre page notamment), le code valide est < Vous trouverez des informations complémentaires dans les spécifications du W3C. L’attribut alt Cet attribut spécifie un texte de remplacement pour les navigateurs qui ne peuvent pas afficher les images, les formulaires ou les applets (navigateurs textes ou vocaux, navigateurs graphiques où l’utilisateur a désactivé cet affichage). Même vide, il est obligatoire ! Remarque : Pour une image destinée à la mise en forme, il est recommandé de laisser cet attribut vide, écrivez Vous trouverez des informations complémentaires dans les spécifications du W3C. L’emboîtement des éléments Les balises doivent être fermées dans l’ordre inverse de leur ouverture
<p>Paragraphe avec texte en
Pour les versions en mode strictLa mise en forme doit être séparée du contenu. Toutes les indications doivent donc être reprises dans une feuille de style, les balises de mise en forme sont obslètes. Exemples :
L’utilisation correcte des feuilles de style fera l’objet d’un prochain article. Pour les versions en XHTMLToutes les balises doivent être fermées !
Les balises doivent être en minuscules : Les valeurs d’attribut doivent être entre guillemets.
Remarque : Des espaces ou des retours chariot dans la définition de l’attribut sont à éviter, interprétés différemment selon les navigateurs, c’est une source d’erreur à l’affichage Cette liste n’est pas exhaustive... elle peut cependant vous aider à éviter un nombre décourageant d’erreurs lors de la validation de votre code !
|
|
||
|
