DIV+CSS网页布局对于网站的好处

更新时间：2017-01-08整理编辑：建站学习网阅读：0

　　一、代码精简

　　采用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则不会，不论在什么浏览器下，网页都不会变形的。