Les problèmes de la mise en page par tableaux

Noter ce cours :

Le HTML n'étant pas conçu à l'origine pour avoir du contenu mis en forme, les webmasters ont eu alors à l'époque l'idée ingénieuse d'utiliser des tableaux pour effectuer des positionnements (pas forcément précis) et de la mise en forme sur les pages Web.

Depuis que les CSS existent, elles sont souvent méconnues de la plupart des webmasters et graphistes qui ne les utilisaient que pour un domaine d'action très réduit (empêcher le soulignement des liens par exemple). Le code HTML produit était donc peu optimisé, sale et ne respectant aucune des recommandations du W3C.

Les années ont passé, et force est de constater que le nombre de sites utilisant des tableaux comme structure est énorme. Les désavantages liés à ce type de structure sont nombreux mais ne rebutent apparemment pas bon nombre de personnes. Ainsi, malgré le XHTML strict, il est encore possible de concevoir un site "valide" aux yeux du validateur du W3C tout en utilisant des tableaux comme mise en page car le validateur ne corrige pas la sémantique des pages Web.

Vous pouvez d'ailleurs voir en partie pourquoi le respect de la sémantique est important en consultant cet article : Respecter la sémantique XHTML. Voici donc les principaux inconvénients de la mise en page par tableaux (vous vous en rendrez vite compte par vous même si votre site repose sur cette "architecture") :

• Un code HTML lourd : cadrer un texte correctement se fait en trois lignes maximum avec une CSS et en une ou deux lignes en XHTML. Un tableau se compose au minimum du code suivant (tout est ici sans aucune mise en forme) :
  <table>
  <tr><td>contenu</td></tr>
  </table>
• Les tableaux ralentissent l'affichage de votre site pour plusieurs raisons :
  • Le code XHTML étant plus lourd, il faut plus de temps pour télécharger le site.
  • Un tableau est très complexe à gérer pour un navigateur (contrairement à une balise <div> par exemple) et donc, sur de petites machines (ou sur de grosses machines ayant plusieurs sites ouverts en même temps), l'affichage et le défilement d'une page web peuvent être considérablement ralentis.
• La maintenance du site est plus compliquée quand l'architecture est faite à base de tableaux, car pour modifier le positionnement d'un élément, vous êtes souvent obligés de modifier une bonne partie du tableau, et de tout ce qui s'y rattache.
• L'accessibilité de votre site est rendue très compliquée pour les handicapés. Un synthétiseur vocal va lire ligne par ligne le code XHTML de votre site, essayez de faire la même chose avec le contenu d'un site conçu à base de tableaux, vous verrez le résultat.
• L'impression des pages est plus compliquée : même avec des CSS bien conçues, un site ayant une architecture à base de tableaux pose d'énormes problèmes pour l'impression de pages (on trouve donc souvent deux pages, une pour la consultation et une seconde pour l'impression).
• Les possibilités offertes en utilisant la mise en page par tableaux ne sont pas aussi pointues que ce que permettent les feuilles de style CSS.

Voilà quelques inconvénients de la mise en page par tableaux. Si vous désirez passer votre site aux standards d'aujourd'hui et de demain, n'hésitez pas à venir en discuter sur le Forum programmation (XHTML) du site.