Vidéo: Week 9 2025
Les tables sont superbes. Ils sont un excellent moyen de présenter certains types de données en utilisant HTML5. Lorsque vous ajoutez les concepts et, vous pouvez utiliser des tables pour créer des dispositions très intéressantes. En fait, étant donné que le HTML à l'ancienne n'avait pas vraiment de technologie de mise en page, beaucoup de développeurs ont proposé des mises en pages assez étonnantes basées sur des tables.
L'utilisation de tableaux pour la mise en page pose cependant des problèmes, tels que
-
Les tableaux ne sont pas destinés à la mise en page. Les tableaux sont conçus pour la présentation de données, pas pour la mise en page. Pour que les tableaux fonctionnent pour la mise en page, vous devez faire beaucoup de hacks sournois, tels que des tableaux imbriqués dans d'autres tables ou des images invisibles pour l'espacement.
-
Le code se complique rapidement. Les tableaux impliquent beaucoup de balisage HTML. Si le code implique des tables imbriquées les unes dans les autres, il est très difficile de se rappeler quel élément est lié à quelle ligne de quelle table. Les mises en page basées sur des tableaux sont très difficiles à modifier à la main.
-
Le formatage se fait cellule par cellule. Une page Web peut être composée de centaines de cellules de tableau. Faire un changement dans la police ou la couleur implique souvent de faire des changements dans des centaines de cellules sur toute la page. Cela rend votre page moins flexible et plus difficile à mettre à jour.
-
La présentation est étroitement liée aux données. Une mise en page basée sur des tableaux entrelace étroitement les données et leur présentation. Cela va à l'encontre d'un objectif principal de la conception web - la séparation des données de sa présentation.
-
Les mises en page basées sur les tableaux sont difficiles à modifier. Après avoir créé une mise en page basée sur des tables, il est très difficile de faire des modifications car toutes les cellules du tableau ont un effet potentiel sur les autres cellules.
-
Les dispositions basées sur des tables posent des problèmes aux lecteurs d'écran. Les personnes ayant une déficience visuelle utilisent un logiciel spécial pour lire les pages Web. Ces lecteurs d'écran sont bien adaptés pour lire les tableaux comme ils étaient destinés (pour gérer les données tabulaires), mais les lecteurs d'écran n'ont aucun moyen de savoir quand la table est utilisée comme technique de mise en page plutôt que comme outil de présentation de données. Cela rend les dispositions basées sur des tables moins conformes aux normes d'accessibilité.
-
Les dispositions basées sur des tableaux ne s'adaptent pas bien. Les utilisateurs modernes s'attendent à exécuter des pages sur les téléphones cellulaires et les tablettes, ainsi que sur les ordinateurs de bureau. Les conceptions basées sur des tables ne s'adaptent pas facilement à ces facteurs de forme plus petits.
Résistez à la tentation d'utiliser des tableaux pour la mise en page. Utilisez des tableaux pour faire ce pour quoi ils sont conçus: présentation des données. Les approches CSS que vous pouvez utiliser pour générer tout type de mise en page visuelle que vous pourriez souhaiter sont plus faciles, plus fiables et beaucoup plus flexibles.
