使用DIV CSS的误解解释

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

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

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

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

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

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

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

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值