您的位置: 首页 > 技术文档 > 网站建设 > 使用DIV之后,什么时候使用TABLE?
在网页编辑常用表现的实现方法 回到列表 个人主页在中国
 使用DIV之后,什么时候使用TABLE?

作者:allan 时间: 2004-11-09 文档类型:原创 来自:蓝色理想

今天有一好友MSN上突然问我这个话题,突然想到其实在论坛里面,关于DIV和TABLE表格的使用疑问有不少人发过贴子问过,这里我想整理一下我的思路!

关于表格

使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能是大家对他的理解有误,这里注意一点"使用表格排版"是"不明智"的.指的是我们使用了很多年的,用表格来排版是不明智的,表格归根截底是一种显示"数据"的方式,大家可以想象一下EXCEL,表格就是起这个使用的,有的时候信息使用表格显示让我们能清晰易读,所以才使用表格,比如公司员工联系表,产品与型号对应表等.

那么所谓表格大餐呢,其实意见上升到了一个层次,也就是说你如果能像专业市场分析公司那样,灵活使用表格来显示客户数据和调查数据等消息的时候,那才是真正利用了表格的优势.

所以,关于那句使用以久的话,应该改为"使用表格作为网页排版,布局页面元素是不合理的,表格是用来显示数据的".

关于其它元素

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

  • 第一类是我称之为辅助布局设计元素:

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

  • 第二类我称为结构化元素或叫信息元素

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

  • 第三类指的是A meta这样的,完全是为了实现一些功能,如填上关键字的META keyword,还有做链接的A.
那么正确的符合标准的设计思路是:
  • 使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等
  • 使用TABLE,UL等这样的元素来显示页面中需要展示数据

当然,DIV也起整理数据的作用,使用DIV的ID属性可以很方便的将一个DIV作为一个你名命的数据块

所以使用WEB标准来制作网站,实际是一个信息合理化整合的一个过程,什么地方该用什么元素还是照用不误,别把表格当布局工具就行.

posted on Tuesday, November 09, 2004 11:52 AM

出处:蓝色理想
责任编辑:冰点的冰蓝色

作者文章
使用DIV之后,什么时候使用TABLE?
FLASH+XML:构建简单易更新网站
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
跟我去香港:The third Day
单件模式结合命令链模式
快乐狗原创动漫大赛
元素层叠级别及z-index剖析
CSS 浏览器的等宽空格
电影变形金刚概念画欣赏
疯狂的程序员 第三十五回
疯狂的程序员 第三十四回
疯狂的程序员 第三十三回
运用ASDoc工具
栏目最新 栏目最新列表
火星人的耳机
公司正式宣布创业失败
用corelDEAW 12打造唇膏
二行代码解决全部网页木马
一行代码解决iframe挂马
Photoshop制作星空爆炸效果
CorelDraw 12打造休闲裤
Firework如何画特殊的切角图形
Firework打造韩式风格的手提袋
flash实例:打造佛光效果
 

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文现有 5 条评论 评分:- llllllllllllllllllll + 评分人数: 4 ,平均分: 4.25


jiege8848 Publish at 2008-7-3 17:18:36 评分5
这东西说的不错,我向在我的网站上 『Div之家』 www.divhome.com转载一下可以吗。
adam0eve Publish at 2005-12-13 14:52:53 评分4
挑战自己的习惯了,Div+Css
dongdongku Publish at 2005-1-10 9:53:48
可是对于div和span在不通的分辨率下是有变动,那这个怎么处理啊!~
sean2050 Publish at 2004-11-10 16:25:48 评分5
简明扼要
yibote Publish at 2004-11-9 22:27:28 评分3
这篇文章使我学习的方向明确了,我是个菜鸟,只会些基本的html,
刚开始在你们这里学习,css.看到你们这里大都谈的使css+div
我都不明白了,
现在才大概知道怎样处理div和table的问题.
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTML与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

乐味 飞吧~2008 benteng show 诗美婚纱 mtalk UI临摹 Wowmusic 一个页面 腾讯网乐动项目