Partager

Approfondir

Qualité Web le livre

Livre Qualité Web

Acheter

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

Thématique
Phase Projet

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.
Mise en œuvre

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.

Contrôle

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.

Découvrez la certification Opquast

Rejoignez la communauté des certifiés Opquast. Plus de 5000 professionnels formés à la qualité Web. Au programme une formation en ligne de 14h, un examen de 1h30, un badge et un score à mettre sur votre cv et votre profil linkedin.

Commander en ligne