表格而不是DIV
可能重复：
为什么不在HTML中使用表格进行布局？
在什么条件下应该选择表格而不是HTML编码中的DIV？
整个“表格与Divs”的东西几乎没有错过标志。 这不是“表格”或“div”。 这是关于使用语义的HTML。
即使div标签在一个布局良好的页面中只扮演一小部分角色。 不要过度使用它。 如果你正确地把你的html放在一起，你不需要那么多。 像列表，字段集，图例，标签，段落等可以取代大多数div或跨度常用来完成的事情。 Div应该主要用于指示逻辑分区时有意义，并且在绝对必要时仅用于额外布局。 桌子也是如此; 当你有表格数据时使用它，但不是。
然后你有更多的语义页面，你不需要在你的CSS中定义很多类; 您可以直接定位标签。 可能最重要的是，你有一个页面，与谷歌（轶事）相比，等效的表格或div-heavy页面会更好。 最重要的是它会帮助你更好地与一部分观众建立联系。
所以如果我们回过头来看看表格和div的关系，我认为我们已经到了div被过度使用和表格使用不足的地步。 为什么？ 因为当你真的思考这个问题时，那里有很多东西属于“表格数据”的范畴，往往被忽视。 例如，在这个网页上的答案和评论。 它们由多个记录组成，每个记录具有相同的一组字段。 他们甚至存储在一个SQL服务器表，大声哭泣。 这是表格数据的确切定义。 这意味着一个html表格标签绝对是一个很好的语义选择，可以在Stack Overflow上布局类似帖子的内容。 同样的原则也适用于许多其他事情。 使用表格标签来设置三列布局可能不是一个好主意，但将它用于网格和列表当然是好的...除了当然，当您可以实际使用ol或ul（列表）标签。
当我提出的数据的确是表格。
我发现一些网页设计师在一些网站上的表格数据上使用了divs是很荒谬的。
另一个用途就是表格，特别是标签：文本框对。 这在技术上可以在div盒中完成，但在表格中这样做要容易得多，而且人们可以争辩说label：textbox对实际上是表格式的。
我曾经做过纯粹的CSS，但我放弃了那种追求混合表/ css方法的追求，作为最实用的方法。 讽刺的是，这也是因为可访问性。 有没有尝试在Sidekick上做CSS？ 什么样的恶梦！ 曾见过如何在新浏览器上呈现基于CSS的网站？ 元素会重叠或只是不正确显示，我不得不关闭CSS。 是否尝试调整基于CSS的网站？ 如果他们在浏览器中使用缩放功能，他们看起来很糟糕，而且经常对盲人不利！ 如果你用桌子来做，他们的规模要好得多。 当人们谈论辅助功能时，我发现很多人都不知道，因为我被禁用而且他们不是，所以这让我很烦恼。 他们真的与盲人合作过吗？ 聋人？ 如果可访问性是一个主要问题，为什么地狱里有99％的视频没有关闭字幕？ 许多CSS纯粹主义者使用AJAX，但没有意识到AJAX常常使内容无法访问。
实际上，如果单元格堆叠（您在移动设备上看到的内容），则可以将单个表格用作主布局，因为您在逻辑流程中提供信息。 CSS理论听起来不错，但在现实生活中有太多的黑客行为，这与“纯粹”的理想背道而驰。
由于使用CSS表格方式，我节省了很多时间设计一个网站和保养更容易。 更少的黑客，更直观。 我收到的人的电话越来越少，说：“我插入了一个DIV，现在看起来都搞砸了！” 更重要的是，绝对没有可访问性问题。
链接地址: http://www.djcxy.com/p/2537.html