为什么使用DIV+CSS布局?
更新时间:2013/11/28 点击:1561次
一、代码精简
采用DIV+CSS布局使代码很精简,这一点置信对此办法熟透的朋友都有所了解的都知道,css文件可以在每一个网页中运用,只需调用就可以,采用table表格修正一些页面的话就很费事了,假如是一个门户网站的话,要手动改很多页面,而且看着那些表格也会觉得很乱也很浪费时间,但是这要是在css中只需改一个代码就可以了
二、表格嵌套
运用Table布局,为了到达一定的视觉效果,不得不套用多个表格,这样不只表格会很多,还很乱;所以运用table为了到达很好的视觉效果,就要嵌套很多表格,这就会有很多的代码,不利于搜索引擎抓取。
假如运用DIV+CSS布局根本上不会存在这样的现象,从技术角度来说,DIV+CSS在控制款式时也不需求过多的嵌套,XHTML在控制款式时不需求过多的嵌套。
三、网页的速度
运用了DIV+CSS布局的网页较Table布局减少了页面代码,浏览加载速度失掉很大的提高;
四、SEO搜索引擎优化
采用div-css设计的网站关于搜索引擎十分友好,很容易获得很好的排名,采用DIV+CSS避免了Table嵌套层次太多无法被搜索引擎抓取的成绩;而且简洁、构造化的代码愈加有利于突出重点和合适搜索引擎抓取。
五、定位更精确
div的代码的宽、高等都运用css或许页面的style来控制,也就是说在需要修正一个框的大小、位置时候,可以直接修正css的代码或该标签的style代码即可完成,几乎不必修正其他代码,而且div可以准确的定位于网页的某一个中央,这点table是做不到的;
运用table的状况下,则能够会由于table的地位出现变化,有时不能精确的定位于网页的某一个中央,而影响到对整片代码的修正。
六、兼容性
运用table布局,网页在不同阅读器的状况下就会发作错位,而DIV+CSS则不会,不管在什么浏览器下,网页都不会变形的。
采用DIV+CSS布局使代码很精简,这一点置信对此办法熟透的朋友都有所了解的都知道,css文件可以在每一个网页中运用,只需调用就可以,采用table表格修正一些页面的话就很费事了,假如是一个门户网站的话,要手动改很多页面,而且看着那些表格也会觉得很乱也很浪费时间,但是这要是在css中只需改一个代码就可以了
二、表格嵌套
运用Table布局,为了到达一定的视觉效果,不得不套用多个表格,这样不只表格会很多,还很乱;所以运用table为了到达很好的视觉效果,就要嵌套很多表格,这就会有很多的代码,不利于搜索引擎抓取。
假如运用DIV+CSS布局根本上不会存在这样的现象,从技术角度来说,DIV+CSS在控制款式时也不需求过多的嵌套,XHTML在控制款式时不需求过多的嵌套。
三、网页的速度
运用了DIV+CSS布局的网页较Table布局减少了页面代码,浏览加载速度失掉很大的提高;
四、SEO搜索引擎优化
采用div-css设计的网站关于搜索引擎十分友好,很容易获得很好的排名,采用DIV+CSS避免了Table嵌套层次太多无法被搜索引擎抓取的成绩;而且简洁、构造化的代码愈加有利于突出重点和合适搜索引擎抓取。
五、定位更精确
div的代码的宽、高等都运用css或许页面的style来控制,也就是说在需要修正一个框的大小、位置时候,可以直接修正css的代码或该标签的style代码即可完成,几乎不必修正其他代码,而且div可以准确的定位于网页的某一个中央,这点table是做不到的;
运用table的状况下,则能够会由于table的地位出现变化,有时不能精确的定位于网页的某一个中央,而影响到对整片代码的修正。
六、兼容性
运用table布局,网页在不同阅读器的状况下就会发作错位,而DIV+CSS则不会,不管在什么浏览器下,网页都不会变形的。