2011-07-09 2 views
9

Oui, un autre divs vs les questions tables ...Divs vs tableaux pour les données tabulaires

Je lis partout que « essayez d'utiliser divs au lieu de tables », mais j'ai une application qui affiche des données qui sont tabulaire, essentiellement mon application web complète affiche des tableaux (avec des colonnes et des données différentes) mais tout est tabulaire ... Devrais-je utiliser des difficultés pour utiliser divs? Si oui, pourquoi?

+0

Pas de problème dans 'DIV' .. utiliser de nombreux biens qui se comportent comme tables..one de celles-ci est « display: inline-table' ... étude plus sur le web. Div – diEcho

+0

sont bons pour les divisions de page. Dans le passé, les gens utilisaient des tables pour diviser la page. Maintenant, vous pouvez le faire avec div. –

Répondre

-1

Je ne pense pas que vous devez lutter pour utiliser div parce que je serais personnellement pas, mais peut-être cela vous aidera.

Why not use tables for layout in HTML?

+2

Notez le * pour le bit de mise en page *. Ces réponses, ainsi que toutes les déclarations sérieuses «ne pas utiliser les tables [...]», ne disent absolument rien sur l'utilisation de tables pour, bien, * tables *. – delnan

3

Il n'y a rien de mal avec des tables correctement marquées avec CSS. Pour les données tabulaires, les tableaux sont un choix naturel, n'essayez pas de les émuler en utilisant divs; sauf dans quelques cas où les divs peuvent être plus propres.

Les divs et les tables sont tous deux des outils à votre disposition. Apprenez quand appliquer le bon outil pour le bon travail.

29

Utilisez des tables pour les données tabulaires. Le coup contre les tables a été quand ils ont été utilisés uniquement à des fins de mise en page. Ils ont leur propre but, et ce sont des données tabulaires. Les Divs n'ont pas de signification sémantique et ne devraient pas être utilisés pour des données tabulaires.

+4

+1. Utilisez des tableaux pour les données tabulaires. Et assurez-vous de marquer correctement les en-têtes de la table afin qu'ils fonctionnent correctement avec les lecteurs d'écran. –

+0

Sauf pour obtenir des choses comme la largeur maximale de travail, vous devez envelopper chaque cellule dans un div de toute façon – Justin808

+1

Et si votre site ne se soucie pas de lecteurs d'écran? Devrions-nous encore utiliser des tableaux pour les données tabulaires? On pourrait alors argumenter que je peux rendre mon code lisible (par dev) en ajoutant des noms de classe pertinents aux divs correspondants contenant mes données tabulaires. –

2

Non, vous DEVEZ utiliser des tables pour les données tabulaires! Des tables existent à cet effet, vous DEVEZ éviter les tables uniquement à des fins de mise en page en utilisant divs à la place.

4

Non! Si les tables ne devaient pas être utilisées du tout pour votre code, elles auraient été retirées. Les tableaux ont une utilisation correcte, et cette utilisation est pour les données tabulaires! C'est le moment de les utiliser (pas pour la présentation ou la conception). Donc, par tous les moyens, utilisez des tableaux!

Je recommande de fournir une étiquette de légende au sein de vos tables pour donner aux gens qui peuvent utiliser les lecteurs d'écran (tels que les internautes aveugles) contexte aussi.

Exemple:

<table> 
    <caption>Corporate Information of Current Employees</caption> 
    <tr> 
     <td class="employeeName">Jim Jones</td> 
... 

Ne pas avoir peur des tendances actuelles. Les tableaux doivent être utilisés pour les données tabulaires. Vous le faites à droite :)

Dive Into Accessibility offre beaucoup de conseils utiles, aussi bien.

2

Ne pas utiliser des tables pour votre « AGENCEMENT » en raison de nombreuses raisons que vous avez déjà trouvé sur le web. Mais pour afficher "DATA", vous pouvez toujours utiliser des tables.

la plupart des langages de script côté serveur comme ASP.NET pour créer des tables GridViews donc ils ne sont pas « absoutely mal à utiliser. »

Pour la mise en page, je vous recommande de passer par différentes mises en page d'intérêt que les gens ont conçues pour un "HTML simple" dans CSS Zen Garden.

Questions connexes