表格数据的Divs与表格

时间:2011-07-09 21:37:35

标签: html css tabular

是的,另一个divs vs tables问题......

我读到了“尝试使用div而不是表”的地方,但我有一个显示表格数据的应用程序,基本上我的整个Web应用程序显示表(具有不同的列和数据),但一切都是表格......我应该使用斗争来使用div吗?如果是,为什么?

6 个答案:

答案 0 :(得分:29)

将表格用于表格数据。当桌子被用于布局时,它们已经被淘汰了。它们有自己的目的,也是表格数据。 Div没有语义含义,不应用于表格数据。

答案 1 :(得分:5)

没有! 如果您的代码根本不使用表格,那么它们就会被删除。表有正确的用法,用于表格数据!这是使用它们的时间(不用于演示或设计)。所以一定要使用表格!

我建议在表格中提供一个标题标签,以便为可能正在使用屏幕阅读器的人(例如盲人网上冲浪者)提供适当的背景信息。

示例:

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

不要害怕当前的趋势。表格应该用于表格数据。你做对了:)

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

答案 2 :(得分:3)

使用CSS正确标记的表没有任何问题。对于表格数据,表格是自然选择,不要尝试使用div来模拟它们;除了极少数情况下div可以更清洁。

Div和table都是您可以使用的工具。了解何时为正确的工作应用正确的工具。

答案 3 :(得分:2)

不,你必须使用表格来表格数据!为此目的存在表,您必须通过使用div来避免表格仅用于布局目的。

答案 4 :(得分:2)

不要将表格用于“LAYOUT”,因为您已经在网上找到了很多理由。 但是为了显示“DATA”,您仍然可以使用表格。

大多数服务器端脚本语言(如ASP.NET)都会为gridViews生成表格,因此它们并非“绝对错误地使用”。

对于布局,我建议您浏览人们为CSS Zen Garden中的“单个HTML”设计的不同的有趣布局。

答案 5 :(得分:-1)

我认为你不应该努力使用div,因为我个人不会,但也许这会有所帮助。

Why not use tables for layout in HTML?