CSS布局和TABLE表格相比有哪些明显优势对比

html-css014

CSS布局和TABLE表格相比有哪些明显优势对比,第1张

采用CSS+DIV对网站重构日趋被大家重视起来了,尤其是大型站点,现在你随便打开一个大型门户网站,看看源文件就可以知道是否为div+css构架了,其实,在之前很多人做网页都是使用table表格嵌套,但是随着web2.0、web3.0的不断发展,这种以表格嵌套的方式已经被DIV+CSS逐步取代了,未来网页设计肯定朝着div+css的方向发展。 采用CSS+DIV进行网页相对与传统的TABLE网页布局而具有以下几个显着优势: 1、表现和内容相分离 将设计部分单独分离出来放在一个独立样式文件中,HTML文件中只存放文本信息。 2、提高搜索引擎对网页的索引效率 利用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的网页内容,并可能给你一个较高的评价。 3、提高页面浏览速度 对于同一个页面的视觉效果,采用CSS+DIV重构的页面容量要比TABLE编码的页面文件容量小得多,前者一般只有後者的1/2大小。 4、易于维护和改版 只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

初期互联网刚刚兴起时,HTML中还没有引用CSS的概念,大家用的都是TABLE表格来实现布局,当时在互联网上展现的网站,也只是网页形式,没有大型网站的出现,后来随着互联网越来越发达,技术越来越先进,大型网站慢慢的浮现出来,而传统的TABLE表格的问题也渐渐多了起来,网页数量多,不易维护,维护成本太高,有时改一个简单问题,可能需要改成千上百个页面。

后来出现了DIV+CSS(更合理的叫法是XHTML+CSS)的布局方法,与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。

DIV+CSS是网站标准中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种样式制作定位。

DIV+CSS符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的,因为这保证您的网站不会因为将来网络应用的升级而被淘汰。

支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。

搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。

样式的调整更加方便。内容和样式的分离,使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。 现很多个人站长新建站点都采用了DIV+CSS来构建自己的网站页面,可见DIV+CSS替代table已经不是遥远梦想。

通过制作发行同样的页面使用TABLE做的页面与DIV+CSS制作的页面大小对比,DIV+CSS的XHTML页面大小至少小TABLE制作页面1/4。从而使的浏览DIV+CSS的页面更加快捷快速。