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

N°25 - Le code source de chaque page ne contient pas d'éléments ou d'attributs de présentation.

Objectif

Favoriser l’adaptation de la mise en forme des contenus par les agents utilisateurs, selon les besoins de l’utilisateur.

Réduire le poids du code source des pages, en incitant à mutualiser et à externaliser les informations de mise en forme grâce à CSS.

Faciliter la réutilisation du contenu sans contraintes liées à sa mise en forme initiale.

Solution technique

Ne pas utiliser les éléments et attributs de présentation HTML.

Utiliser systématiquement les styles CSS équivalents. Le développement du code sous une DTD XHTML, HTML stricte ou HTML5 facilite le contrôle de l’absence d’éléments et attributs de présentation.

Moyen de controle

Pour chaque page auditée : 

Procéder à une validation HTML de la page à l'aide du validateur HTML du W3C (http://validator.w3.org) en forçant celle-ci sous la DTD HTML ou XHTML strict dans la cas du HTML4 ou du XHTML1.0. Ou, pour du HTML5, en procédant à la validation HTML de la page sans autre formalité.

Repérer les éléments et attributs de présentation détectés par le validateur en tant qu'erreurs.

Dans le détail, cela revient à vérifier :

Dans tous les cas, l'absence des éléments marquee et blink.

En HTML4.01 et en XHTML1.0, l'absence des éléments suivants : basefont, blink, center, font, s, strike, tt et u.

En HTML4.01 et en XHTML1.0, l'absence des attributs suivants :

  • align pour les éléments caption, applet, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p.
  • alink, link, text et vlink pour l'élément body.
  • background pour l'élé ment body.
  • bgcolor pour les éléments table, tr, td, th et body.
  • border pour les éléments img et object.
  • clear pour l'élément br.
  • compact pour les éléments dir, dl, menu, ol et ul
  • height pour les éléments td, th et applet
  • hspace et vspace pour les éléments applet, img, object
  • noshade pour l'élément hr
  • nowrap pour les éléments td et th
  • size pour l'élément hr
  • type pour les éléments li, ul et ol
  • value pour l'élément li
  • width pour les éléments hr, th, td, applet et pre

En HTML5, l'absence des éléments suivants : basefont, big, center, font, strike, tt

En HTML5, l'absence des attributs suivants :

  • align pour les éléments caption, iframe, img, input, object, legend, table, hr, div, h1, h2, h3, h4, h5, h6, p, col, colgroup, tbody, td, tfoot, th, thead et tr.
  • alink, link, text et vlink pour l'élément body.
  • background pour l'élément body.
  • bgcolor pour les éléments table, tr, td, th et body.
  • border pour l'élément object.
  • cellpadding et cellspacing pour l'élément table.
  • char et charoff pour les éléments col, colgroup, tbody, td, tfoot, th, thead et tr.
  • clear pour l'élément br.
  • compact pour les éléments dl, menu, ol et ul.
  • frame pour l'élément table.
  • frameborder pour l'élément iframe.
  • height pour les éléments td et th.
  • hspace et vspace pour les éléments img et object.
  • marginheight et marginwidth pour l'élément iframe.
  • noshade pour l'élément hr.
  • nowrap pour les éléments td et th.
  • rules pour l'élément table.
  • scrolling pour l'élément iframe.
  • size pour l'élément hr.
  • type pour les éléments li, ol et ul.
  • valign pour les éléments col, colgroup, tbody, td, tfoot, th, thead et tr.
  • width pour les éléments hr, table, td, th, col, colgroup et pre.
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