Web1.0的时代，我来不及参与，web2.0挺热门的技术莫过于“DIV + CSS”布局排版，以前会用DIV+CSS制作网页的人，常常会被人赞以大拇指的。如今HTML5语义化标签时代都来临了，现在DIV+CSS更是制作网页的基本要求。那么table标签呢，我们就完全摒弃吗？

个人认为如果完全弃用table的话，在很多方面的实现比用“table "麻烦许多. table在处理网页数据的表现上，是其他标签无法替代的，只是，它不适合用来做整个页面的布局。这是我认同的，也是公认的吧。

那么在什么情况下使用TABLE呢？

我这里举个例子：

1.       显示数据列表时，表格归根截底是一种显示"数据"的方式,大 家可以想象一下EXCEL,表格就是起这个使用的,有的时候信息使用表格显示让我们能清晰易 读,所以才使用表格,比如公司员工联系表,产品与型号对应表等.

2.       Outlook发送的html邮件 ，Outlook中因为float、position这些style会被过滤，如果使用div来布局，很难保页面在Outlook中正常显示。所以邮件页面尽量使用table来布局。

表格使用的一些技巧

根据w3schools的解释和用法，在一个table定义中，<tfoot>元素必须出现在<tbody>之前，这样，浏览器就可以在接受到所有数据之前呈现表注了。另外，如果不是这个顺序，无论你声明哪种DTD，将不能通过W3C的HTML4和XHTML验证。

在 HTML 4.01 中,表格的align和bgcolor属性不赞成使用，所以在HTML 5中不再有任何table的属性被支持（事实上，在XHTML 1.0 Strict DTD中已经不支持”align”和”bgcolor属性了）；

为了实现现在所提倡的表现和结构分离的开发模式，建议将页面中所有与表现层有关的东东，都用CSS来控制，不用HTML自带的属性来控制页面的表现，而table是最容易被忽略的一个。

所有主流浏览器都支持<colgroup> 标签，但是Firefox、Chrome 以及 Safari 仅支持 colgroup 元素的 span 和 width 属性；css中的empty-cells:show|hide 可以设定空单元格是否显示边框。注意，这个需要设置在table而不是td/th中。IE6中比较容易遇到该问题；

css中的border-collapse:collapse | separate 可以设置表格的边框是否被合并成一个边框；css中的border-spacing属性等效于table的cellspacing属性。

其它元素

按我的使用经验,把XHTML标准中的一些元素,分为三大类:

第一类是我称之为辅助布局设计元素:这里我指的是DIV,SPAN等,这类元素的主要功能是用来布局整个页面的,灵活使用这些元素 的各种属性,可以让你的页面表现丰富多彩.

第二类我称为结构化元素或叫信息元素 这里指的是TABLE,UL,PRE,CODE类元素是一种信息显示与整理方式,比如TABLE很明显就是用 来显示表格信息的,UL是用来显示列化信息的,当需要用表格或列表的时候,用这二种方式来 显示是明智的。

第三类指的是 这样的,完全是为了实现一些功能,如填上关键字的META keyword,还有 做链接的A。

那么正确的符合标准的设计思路是:

使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等

使用TABLE,UL等这样的元素来显示页面中需要展示数据

当然,DIV也起整理数据的作用,使用DIV的ID属性可以很方便的将一个DIV作为一个你名 命的数据块。所以使用WEB标准来制作网站,实际是一个信息合理化整合的一个过程,什么地方该用什 么元素还是照用不误,别把表格当布局工具就行。

本站技术原创栏目文章均为中睿原创或编译，转载请注明：文章来自中睿，本站保留追究责任的权利。