欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

1、用div+css结构制作静态html网页等于彻底抛弃古老的table写法
不全对,有时还是需要table表格布局

之所以不建议用table来布局网页是因为在网页加载很慢的时候要等html table结构加载完成才能看到网页,其次是table的布局没有一定的语义,网页代码修改起来比较麻烦。但table是专门用来写网页数据表格的,页面中出现类似excel数据的地方,建议用table来写。

2、div+css结构等于通篇区域都用div包起来
遇到一个区块就用一个div标签,这样写完代码后全篇都是div,失去了语义的存在价值,区块修改起来也不容易找到,合理的利用dlulolspan、等html标签,不仅让你的网页看起来条理清晰,而且修改起来很方便。

3、css文件一定要和html代码分开
不全对,有时css也会要插入到html中使用。

将css文件和html分开,是因为有些css同时为多个页面服务,而用户访问时css文件可以缓存在本地,下次再访问其他页面时就不用重复加载css,可以节约时间和流量,提高访问速度,但是如果网页有些区域的css是独一无二的,其他页面用不到,就不用把css剥离出去,直接用style标签包括在html网页里就可以。

扩展阅读css引入html网页

4、用div和css写网页不用进行浏览器兼容测试
答案是需要进行兼容测试。

一定要在不同类型和不同版本的浏览器进行测试。最好是同时打开多个浏览器,最少也得兼容ie6、7、8等版本。

扩展阅读css hack兼容

在写一些栏目块时,特别是数据分类较多,比如“求购信息”的栏目块,顶部可能出现“发布人、发布时间、信息标题、联系方式”等项目,像这样的地方建议还是要用table来写,因为table表格标签是专门用来写数据表格的,控制起来很方便,而且符合语义要求,还有页面中出现类似excel数据的地方,也建议用table来写。

总结:综合DIV CSS布局是趋势,但对于表格报表布局,复杂form表单布局还是需要table布局。但选择TABLE还是CSS+DIV布局,根据节约源代码、性能取舍,不要片面丢弃TABLE tr td布局也不要刻意追求纯DIV+CSS布局,在实践布局中进行取舍。

 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/wenji/w440.shtml