2026 年 11 月
日一二三四五六123456789101112131415161718192021222324252627282930
当天有发布文章
访客信息
您的 IP 216.73.217.62
浏览器 未知浏览器
您的设备 桌面设备
连接类型 HTTPS · GET
服务语言 未知
当前域名 blog.xoyo.org
站点统计
367文章数目
197评论数目
755累计访问
7312运行天数
封面 加载中…

用DIV+CSS方式布局进行网站重构的优点

逍遥花主 1 阅读 『技术文摘』

这几天想对我网站的首页进行改版,就用了DIV+CSS方式来布局重构。已经写了一天了,首页用JS调用的话,预计再过两天就可以上传了,过一阵再改用PHP查询数据库。我来说说DIV+CSS优点吧。

首先灵活性对比:

Table 布局灵活性不大,你只能遵循 table tr td 的格式。
而div 你可以 div ul li 也可以 ol li 还可以 ul li ……
但标准语法最好有序的写。
另外如果你不是javascript的高手,你可以不必去写ID,只用class就可以。
当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。

其次是易度性的对比:

Table 中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。
而Div 更能体现样式和结构相分离,结构的重构性强,另外,在web浏览上,速度虽然快,但是不会快太多的,也就是0.8-2倍左右,具体还要根据实际情况断定,在div布局中,元素是不准有大写的,必须都是小写,他们大小写区分很严谨; 你在用Div布局的时候,切记,先结构,后表现!结构一定要围绕灵活性、易读性、合理性去布局。会为你后期带来很多好处的。 Div布局中,浏览器是 读一个div 接着显示一个div的。不需要检测一究竟有多少个,包含了多少个,读出一个,显示一个。另外,就是如果你要修改布局的话也不必全盘从新来过。

暂无评论

发表评论