使用DIV之后,什么时候使用TABLE?

今天有一好友MSN上突然问我这个话题,突然想到其实在论坛里面,关于DIV和TABLE表格的使用疑问有不少人发过贴子问过,这里我想整理一下我的思路!  
' g' ]5 T5 y# F4 [3 _( S* w0 K2 ?5 ~9 I4 q& [
关于表格  
4 I* [8 q! E: j7 t9 a; T, X5 ?
( q; H* l7 ?4 y4 ]+ Z3 I使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能是大家对他的理解有误,这里注意一点"使用表格排版"是"不明智"的.指的是我们使用了很多年的,用表格来排版是不明智的,表格归根截底是一种显示"数据"的方式,大家可以想象一下EXCEL,表格就是起这个使用的,有的时候信息使用表格显示让我们能清晰易读,所以才使用表格,比如公司员工联系表,产品与型号对应表等.  
/ J& B$ \# w9 d( o2 P1 e
* B6 }1 H% {  H5 z那么所谓表格大餐呢,其实意见上升到了一个层次,也就是说你如果能像专业市场分析公司那样,灵活使用表格来显示客户数据和调查数据等消息的时候,那才是真正利用了表格的优势.  
) O1 f& o, O1 z: B! K3 x% N9 {; E
: n- Y. a1 _1 \* q( L& j7 [所以,关于那句使用以久的话,应该改为"使用表格作为网页排版,布局页面元素是不合理的,表格是用来显示数据的".  4 [, Q# Q+ y  ?9 A  ?
+ ~' D0 [5 h( h4 ^0 Q* }& a; w$ y
关于其它元素  % Y5 _3 |% B/ e+ i# `

/ u$ ], J/ ]- A我这里按我的使用经验,把XHTML标准中的一些元素,分为三大类:  
: @2 V: S/ S" H; M, c- a5 ?# O& q  E& _2 H% q! [% a/ g- X' \

# z: k# Z+ I8 X3 _
- z3 r2 B  W+ T% ]/ P8 D2 d2 b4 X9 g) }" A$ i
2 b, w  ]  [* m0 N
第一类是我称之为辅助布局设计元素:* u0 z7 J# p& n/ v

. J7 \- L: `6 O这里我指的是DIV,SPAN等,这类元素的主要功能是用来布局整个页面的,灵活使用这些元素的各种属性,可以让你的页面表现丰富多彩.   9 x1 q3 [2 t7 K* E
# p; _2 W9 j; i+ N, J. ^7 Q; l
1 I# N  }  `- p) m
+ ]: ], ]& N8 k6 q. ?  B( c
第二类我称为结构化元素或叫信息元素
- Q+ ?0 `. l% E
2 ^: L3 d5 K5 Z这里指的是TABLE,UL,PRE,CODE类元素是一种信息显示与整理方式,比如TABLE很明显就是用来显示表格信息的,UL是用来显示列化信息的,当需要用表格或列表的时候,用这二种方式来显示是明智的   . J( o; u5 A6 p6 }9 T0 w6 e" \

8 C* {) v3 K) t% v, P% J- W
3 A: I1 [. \' K' h/ _
6 o* N% R% f$ N) Y5 d3 g9 l3 j第三类指的是A meta这样的,完全是为了实现一些功能,如填上关键字的META keyword,还有做链接的A. 那么正确的符合标准的设计思路是:
0 u8 ?% d1 X" K, q6 o. V9 s( q, M0 a) b1 q8 L; J# p
0 ?! G( @0 Z8 m$ [' q

. _5 o. V, e8 |4 F使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等
, V" A5 g2 s) q  t1 F5 N/ B4 R* J- _
% R5 @. M1 U$ [9 A, x使用TABLE,UL等这样的元素来显示页面中需要展示数据  l1 y8 E- o. V4 w

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