1. Accueil
  2. Opquast V3
  3. 24 - Le code source de chaque page ne contie…

N°24 - Le code source de chaque page ne contient pas d'éléments détournés à des fins de présentation.

Objectif

Permettre l’exploitation pertinente du code source par les agents utilisateurs (les navigateurs, les robots d’indexation des moteurs de recherche, les plages brailles, etc.).

Alléger le code source en déportant la mise en forme dans les CSS.

Solution technique

Utiliser les éléments HTML en respectant leur rôle sémantique.

Utiliser exclusivement les styles CSS pour obtenir des effets de mise en forme.

Moyen de controle

La vérification de cette bonne pratique couvre un très large éventail d’erreurs potentielles, parfois inattendues. Pour chaque page examinée, il faudra vérifier que chaque balise a été choisie suivant le sens sémantique prévu par la grammaire utilisée. Pour cela, deux méthodes sont possibles :

  • Vérifier, dans le code source de la page ou à l’aide de Firebug, que chaque élément HTML est utilisé conformément à la DTD indiquée pour le document.
  • Afficher la page sans styles CSS (par exemple à l’aide de la Web Developer Toolbar). Cela vous permettra de repérer immédiatement les textes qui apparaissent avec une mise en forme particulière (taille importante, mise en gras, indentation, etc.). Vous pourrez également contrôler que l’application des balises qui entraîne cette mise en forme est justifiée (par exemple, s’il s’agit bien d’un titre balisé avec un élément de titrage h1 ou d’une citation balisée avec un élément block-quote).

Crée le
23 juin 2014

Testez et faites reconnaître vos compétences

Logo Opquast Certfied

Opquast Certified est un test sur 1000 points permettant de vérifier le degré de maîtrise des meilleures pratiques du Web

Découvrir

Retrouvez cette fiche dans « Qualité Web »

Livre Qualité Web

En savoir +

Version numérique offerte pour l’achat de la version papier