Mise en forme : passer des tableaux (table) aux blocs (div)

Cet article est inspiré d’une conversation sur WebRankInfo.

Introduction

Aujourd’hui, la conception des sites web se fait de plus en plus en respectant les recommandations de la W3C (il y a encore des irréductibles). Il est maintenant recommandé de séparer la mise en forme de la structure HTML. Pour cela, on externalise cette mise en forme dans des fichiers CSS.

Ce principe permet de rendre l’application plus flexible en permettant de modifier la mise en forme d’un site sans remanier le HTML. En outre, en configurant correctement le cache du navigateur, vous épargnez à vos visiteurs un chargement plus long. Grâce au cache, les fichiers CSS seront téléchargés une et seulement une seule fois. Résultat :

  • moins de requête
  • moins de bande passante utilisée (ça va vite).
  • économie de serveur : au lieu de rendre toujours le même fichier, il peut s’occuper d’autre chose.

Ce sont les gros points.

Maintenant, il reste un gros point noir. En effet, certain utilise encore les tableaux pour mettre en forme leur site web. Hors, cela va à l’encontre du rôle des tableaux, conçut pour afficher des données tabulaires (comme dans un tableur). C’était bien pratique il y a 10 ans (voir plus), mais maintenant, il est temps de revenir sur la bonne route.
Lire la suite