logo标签列表

Divs与表格在表格数据方面的应用比较？

htmlcsstabular
10

是的，又是关于div和table的问题...

我到处看到“尽量使用div代替table”的建议，但我的应用程序显示的是表格数据，基本上整个Web应用程序都显示表格（具有不同的列和数据），但所有内容都是表格形式... 我是否应该努力使用div呢？如果是，为什么呢？

在DIV中没有问题..使用许多属性，它们的行为类似于表格..其中之一是'display:inline-table'...在网上进一步学习。 - xkeshav
<div> 对于页面的划分非常有用。过去人们使用表格来划分页面。现在你可以使用 <div> 来实现这个功能。 </div> - user379888
6个回答
30

使用表格来呈现表格数据。对于表格的批评是当它们仅用于布局目的时。表格有自己的用途，那就是呈现表格数据。Divs没有语义意义，不应该用于表格数据。

4
使用表格呈现表格数据，并确保正确标记表头以使其与屏幕阅读器兼容。 - Will Martin
除了让最大宽度等功能正常工作，你必须无论如何都要将每个单元格包装在一个 div 中。 - Justin808
1
如果您的网站不关心屏幕阅读器，那么我们是否仍应该使用表格来呈现表格数据？有人可能会认为，通过将相关类名添加到包含表格数据的相应div中，可以使我的代码可读（由开发人员）。 - Adriano
1
我想我的回答是，为什么你不关心屏幕阅读器呢？ - kinakuta
1
+1 是为了“为什么你不关心屏幕阅读器”。你为什么不关心屏幕阅读器？ - Marcus
6
不！如果您的代码中根本不使用表格，那么它们会被删除。表格有适当的用途，而这个用途是用于表格数据！现在是使用它们的时候了（不是用于演示或设计）。因此，请尽管使用表格！
我建议在您的表格中提供标题标签，以便使用屏幕阅读器（例如盲人网民）的人获得适当的上下文。
例如：
<table>
    <caption>Corporate Information of Current Employees</caption>
    <tr>
        <td class="employeeName">Jim Jones</td> 
...

不要害怕当前的趋势。表格应该用于表格数据。你做得很好：）

Dive Into Accessibility 也提供了很多有用的技巧。

3

CSS正确标记的表格没有问题。对于表格数据，表格是自然选择，不要试图使用div模拟它们；除了少数情况下，div可以更加简洁。

Div和表格都只是你可用的工具。学会在正确的时候使用正确的工具。

2
不，你必须使用表格来呈现表格数据！表格就是为此而存在的，你必须避免仅出于布局目的而使用 divs 而不是表格。
2
不要使用表格来进行“布局”，因为你已经在网上找到了许多原因。但是，对于显示“数据”，你仍然可以使用表格。
大多数服务器端脚本语言（如ASP.NET）会生成表格用于网格视图，因此它们并不是“绝对不应该使用”。
对于布局，我建议你浏览CSS Zen Garden中设计的各种有趣布局的单个HTML页面。
-1
2
请注意 布局 部分。那些回答以及所有认真的“不要使用表格[...]”声明，绝对没有关于使用表格作为表格的内容。 - user395760
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接