使用div+css布局过程中在什么时候使用table呢

网页制作 2024/12/26 佚名

2 0 1

蝙蝠岛资源网 Design By www.hbtsch.com

关于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标准来制作网站,实际是一个信息合理化整合的一个过程,什么地方该用什么元素还是照用不误,别把表格当布局工具就行.

div+css,布局,table

标签：

div+css,布局,table

蝙蝠岛资源网 Design By www.hbtsch.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

蝙蝠岛资源网 Design By www.hbtsch.com

评论“使用div+css布局过程中在什么时候使用table呢”

暂无使用div+css布局过程中在什么时候使用table呢的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年12月26日

使用div+css布局过程中在什么时候使用table呢

div+css,布局,table

经常使用的两个清爽的table样式

css浮动(float/clear)使用讲解

评论“使用div+css布局过程中在什么时候使用table呢”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接