DIV+CSS与TABLE的博弈
DIV+CSS是XHTML网站设计标准中,不再使用TABLE表格定位技术,这两种布局定位方式,各有特点。小猴建站做习惯了DIV+CSS,加上现有的网页编辑软件或用户文字编辑器已经能集成表格功能,绝大多数已经放弃TABLE的布局方式了。
早期大多数网站是用TABLE布局的,适用于绝大多数结构简单,不涉及太多层次嵌套的网站。而DIV+CSS几乎成为了现在流行的布局方式,可以多层结构嵌套,也可以嵌套表格、flash、视频、图片等多媒体。
DIV+CSS的特点
1.符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
2.支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
3.搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
4.样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
5.现很多个人站长新建站点都采用了DIV+CSS来构建自己的网站页面。现在比较多的站长在移动端和PC端的设计中,采用了自适应布局,可以根据现有屏幕的大小进行自适应,打开速度得到极大提高,但设计难度也有所提高。
6.通过制作发行同样的页面使用TABLE做的页面与DIV+CSS制作的页面大小对比,DIV+CSS的XHTML页面大小至少小TABLE制作页面1/4。从而使的浏览DIV+CSS的页面更加快捷快速。
7.DIV+CSS代码的精简程度是TABLE无法比拟的,布局和样式完全分离,代码大量减少,蜘蛛可在网站上快速爬行。
DIV+CSS的缺点
1.兼容性。各大浏览器内核不相同。特别是ie浏览器,从ie6开始到今天的ie10,每个版本互不兼容,开发人员不得不放弃了丰富的交互效果,采用了兼容性强的代码;
2.由于要考虑兼容性,因此新手DIV+CSS的开发时间相对来说会多一些。如阴影、半透明、圆角、鼠标效果等,兼容性越强写的代码自然越多,如果还考虑ie6,基本职能依靠图片的形式,设计方法都是不一样的。
3.HTML5尚未得到广泛运用,运用在单页、介绍性的页面较多,并且H5的标准尚未统一,而H5是按照页面收费,不是按照整站收费,综合成本较高。