何时更适合使用DIV而不是TABLE,反之亦然?

时间:2010-10-20 20:51:35

标签: html css html-table

我注意到使用DIV代码而不是TABLE来分隔/整理网页上的内容时,会有一些变体。在什么情况下使用比另一种更合适?

澄清:这个问题既普遍又具体,因为我主要寻找哪种更适合页面布局。

11 个答案:

答案 0 :(得分:12)

根据经验 - 如果一行中的每个单元格都有共同点,并且列中的每个单元格都有共同点,那么您应该使用表格。如果您没有thead并且某些th元素提供列标题,那么您很可能会做错事。如果您没有多个数据行和多个数据列,那么...同上。

然而,选择不在div和表之间。使用具有最能描述内容的语义的标记。 HTML中有很多元素:http://www.w3.org/TR/html4/index/elements.html

答案 1 :(得分:2)

仅将表用于语义表格数据。除标题之外的每一行是否代表“事物”的相同“类型”?每个列标题下面是否有一组由列标题准确描述的项目?如果两者都是,则使用表格。尽可能避免使用表格进行样式化。

答案 2 :(得分:1)

表格应该用于显示tabelaric数据(例如excel),当Div标签是一个容器时,应该用来组织内容。

你可以用螺丝刀钉钉,但适当的工具是锤子。

答案 3 :(得分:1)

简单。

将表格用于表格数据。 使用div来分隔内容。

答案 4 :(得分:0)

恕我直言,table用于显示表格数据和相关内容,而不是用于页面本身的一般布局。

有些人并不持有这种纯粹的观点,因此使用表格进行铺设,因为它们看起来很容易使用。

答案 5 :(得分:0)

如果您希望让您的网页在语法上更正确,使用更少的带宽,轻松进行更改,使网站更易于访问以及更适合搜索引擎,请使用div。在所有其他情况下使用tables(除非您想显示一些表格数据)。 Here是更多细节。

答案 6 :(得分:0)

我看到的很多(以及我最大的烦恼)是人们使用单个列表来分隔页面元素或列表。像:

<table>
  <tr><td>
  List item 1 
  </td></tr>

  <tr><td>
  List item 2
  </td></tr>
</table>

而不是使用  <li>, <p> or <div>(如果它更像内容)

道德,使用表格很好,你可以制作有意义的数据,等等。从不用于列表,块。人们抱怨使用它进行布局,但有时它只是起作用,因此这是我唯一允许滥用表格的地方。

答案 7 :(得分:0)

我只使用表来显示数据库字段和记录。 我主要使用div进行页面布局。

答案 8 :(得分:0)

可能我在table上使用div布局而不是表格数据的唯一情况是为电子邮件创建HTML。电子邮件客户端不能很好地正确显示HTML,因此经常使用表格是使页面一致显示的唯一方法。

每当我必须这样做时,它会让我死一点:(

答案 9 :(得分:0)

我关心的是人们建议除了表格数据外,表格应该用于任何表格,即使在IE6中也是如此。我认为非表格数据表的唯一合法用途是在HTML电子邮件中,这不是正确的用法,但是电子邮件客户端中的呈现非常糟糕,你别无选择。

HTML上的语义一直很重要,但我认为它只会变得更加明显,尤其是正在提出的新HTML5标签......我可以看到更多关于文章和部分使用的混淆

答案 10 :(得分:-1)

嗯,据我所知,一张桌子被用来将一组物体组织成一定的位置...说三张并排的图片全部被一些文字分开。 而a是网站的“部分”。这可以包括任何东西,甚至桌子! 所以我想你的问题的答案是:如果你需要设置一个有组织的图像,文本等数组,你可能想要使用一个表(如excel电子表格),但如果你只想分割你的网站分段,使用标签。 顺便说一下,最近,表的使用越来越少,并且似乎倾向于使用不同的CSS布局技术而不是表。 祝你好运!