DIV 和 TABLE 应该如何配合使用
2008-06-27 11:47
369 查看
使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐, 之所以在很多关于CSS布局的文章中常提到"为什么使用表格排版是不明智的"这句话,可能 是大家对他的理解有误,这里注意一点"使用表格排版"是"不明智"的.指的是 我们使用了很多年的,用表格来排版是不明智的,表格归根截底是一种显示"数据"的方式,大 家可以想象一下EXCEL,表格就是起这个使用的,有的时候信息使用表格显示让我们能清晰易 读,所以才使用表格,比如公司员工联系表,产品与型号对应表等.
那么所谓表格大餐呢,其实意见上升到了一个层次,也就是说你如果能像专业市场分析公 司那样,灵活使用表格来显示客户数据和调查数据等消息的时候,那才是真正利用了表格的 优势.
所以,关于那句使用以久的话,应该改为"使用表格作为网页排版, 布局页面元素是不合理的,表格是用来显示数据的"。
第一类是我称之为辅助布局设计元素:
这里我指的是DIV,SPAN等,这类元素的主要功能是用来布局整个页面的,灵活使用这些元素 的各种属性,可以让你的页面表现丰富多彩.
第二类我称为结构化元素或叫信息元素
这里指的是TABLE,UL,PRE,CODE类元素是一种信息显示与整理方式,比如TABLE很明显就是用 来显示表格信息的,UL是用来显示列化信息的,当需要用表格或列表的时候,用这二种方式来 显示是明智的。
第三类指的是 这样的,完全是为了实现一些功能,如填上关键字的META keyword,还有 做链接的A。
那么正确的符合标准的设计思路是:
使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等
使用TABLE,UL等这样的元素来显示页面中需要展示数据
当然,DIV也起整理数据的作用,使用DIV的ID属性可以很方便的将一个DIV作为一个你名 命的数据块。
所以使用WEB标准来制作网站,实际是一个信息合理化整合的一个过程,什么地方该用什 么元素还是照用不误,别把表格当布局工具就行。
那么所谓表格大餐呢,其实意见上升到了一个层次,也就是说你如果能像专业市场分析公 司那样,灵活使用表格来显示客户数据和调查数据等消息的时候,那才是真正利用了表格的 优势.
所以,关于那句使用以久的话,应该改为"使用表格作为网页排版, 布局页面元素是不合理的,表格是用来显示数据的"。
关于其它元素
我这里按我的使用经验,把XHTML标准中的一些元素,分为三大类:第一类是我称之为辅助布局设计元素:
这里我指的是DIV,SPAN等,这类元素的主要功能是用来布局整个页面的,灵活使用这些元素 的各种属性,可以让你的页面表现丰富多彩.
第二类我称为结构化元素或叫信息元素
这里指的是TABLE,UL,PRE,CODE类元素是一种信息显示与整理方式,比如TABLE很明显就是用 来显示表格信息的,UL是用来显示列化信息的,当需要用表格或列表的时候,用这二种方式来 显示是明智的。
第三类指的是 这样的,完全是为了实现一些功能,如填上关键字的META keyword,还有 做链接的A。
那么正确的符合标准的设计思路是:
使用DIV等布局元素来制作页面的设计布局,定位,色块,图片等
使用TABLE,UL等这样的元素来显示页面中需要展示数据
当然,DIV也起整理数据的作用,使用DIV的ID属性可以很方便的将一个DIV作为一个你名 命的数据块。
所以使用WEB标准来制作网站,实际是一个信息合理化整合的一个过程,什么地方该用什 么元素还是照用不误,别把表格当布局工具就行。
相关文章推荐
- DIV 和 TABLE 应该如何配合使用
- ABAP--如何使用'F4IF_INT_TABLE_VALUE_REQUEST'填写屏幕的多个字段
- 在<table>或<div>中如何让传入的文本自动换行
- ABAP--如何使用'F4IF_INT_TABLE_VALUE_REQUEST'填写屏幕的多个字段
- 使用DIV之后,什么时候使用TABLE
- 如何使用js动态显示或隐藏DIV
- 使用DIV之后,什么时候使用TABLE?
- 使用css如何操作Table没有外边框只有内边框
- 页面使用$.dataTable()的时候,如何获取Table一行的数据
- 【Stackoverflow好问题】LinkedList、ArrayList各自的使用场景,如何确认应该用哪一个呢?
- 使用div+css布局过程中在什么时候使用table呢
- 如何保证在Jsp 或Html 里table或div不因插入form而改变大小
- ADF(UI)--<af:table>在使用分页是如何固定高度
- ADO.NET 五大对象之间是如何配合使用的?
- div使用margin:0 auto居中后,如何使子div实现流式布局
- 如何查看正在使用某个端口的应该程序
- 如何让Div中的Table居中
- DIV布局如何正确的使用 id 和 class
- 在MAC下使用Robotframework+Selenium2【第二枪】如何处理Table点击指定记录
- 如何让Div中的Table居中