桌子是否被DIV取代？

Question

可能重复:
为什么不在HTML中使用表格进行布局？

我知道每个人都是关于DIV和css以及现在的桌子,我总是使用桌子,因为它们很容易让我在视觉上看到我在建造时正在做什么,我现在正在进入DIV世界.

所以我的问题是表格完全被div所取代？我注意到stackoverflow的来源,它主要是DIV的,但仍然使用表,所以我猜有时必须使用表？

下面是我想要完成的事情的图像,其中大部分是编码但是其中一些是在photoshop中添加的,到目前为止,我已经完成了所有在div中完成但是我所拥有的只是背景单元格是一个列表项目和照片,我在代码中缺少的是所有的文本区域,我可以很容易地将文本区域放在表格单元格中,但是因为80%的对象只用css和divs来完成,我就是不确定我是否应该只尝试用div来完成它,或者如果注释div中的表格是要走的路.

我注意到在这个页面上,ansers是DIV 替代文本中的一个表格 http://img2.pict.com/e0/4e/de/1486585/0/screenshot2b15.png

Answer 1

为了在语义上正确,表格应仅用于表格数据,而不用于布置页面.

David Dorward在评论中引起了我的注意.根据HTML 4.01规范的HTML文档中的表格部分:

表格不应仅仅用作布局文档内容的方法,因为这可能在呈现给非可视媒体时出现问题.此外,当与图形一起使用时,这些表可能会强制用户水平滚动以查看在具有更大显示的系统上设计的表.为了最大限度地减少这些问题,作者应使用样式表来控制布局而不是表格.

Answer 2

关于语义内容的概念,有很多热切的狂热,这很好,除了唯一的问题外,它绝对是天真的.

事实:有些事情是可以做的平凡与要么不能在"纯粹"的CSS做表格,是非常困难的"纯粹"的CSS,在"纯" CSS一些讨厌的副作用或有严重的交叉浏览器问题.

我做了我的CSS3愿望清单,并在编译该列表时,我意识到我已经能够用表格做一些事情,因为HTML 3.2十年前我仍然无法使用div.

我全都有一个语义布局.不错的理想.但是,直到它可以做任何它试图替换的东西,然后它试图替换的东西将具有有效的用例.