布局用CSS+DIV的優(yōu)點(diǎn)總結(jié)_經(jīng)驗(yàn)交流

1：表現(xiàn)和內(nèi)容相分離

將設(shè)計(jì)部分剝離出來(lái)放在一個(gè)獨(dú)立樣式文件中，HTML文件中只存放文本信息。

2：提高搜索引擎對(duì)網(wǎng)頁(yè)的索引效率

用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽，搜索引擎將更有效地搜索到你的網(wǎng)頁(yè)內(nèi)容，并可能給你一個(gè)較高的評(píng)價(jià)。

3：提高頁(yè)面瀏覽速度

對(duì)于同一個(gè)頁(yè)面視覺(jué)效果，采用CSS+DIV重構(gòu)的頁(yè)面容量要比TABLE編碼的頁(yè)面文件容量小得多，前者一般只有后者的1/2大小。

還有因?yàn)?table>標(biāo)簽是要等下載好以后才可以顯示的，所以整個(gè)網(wǎng)頁(yè)是一下子跳出來(lái)的，這樣讓人感覺(jué)起來(lái)顯示速度非常的慢。而使用css+div, 標(biāo)簽不用等下載好就可以顯示里面的內(nèi)容的,所以讓人感覺(jué)打開(kāi)網(wǎng)頁(yè)的速度非常之快。

4：易于維護(hù)和改版

你只要簡(jiǎn)單的修改幾個(gè)CSS文件就可以重新設(shè)計(jì)整個(gè)網(wǎng)站的頁(yè)面。

從以上的描述來(lái)看，采用CSS+DIV對(duì)網(wǎng)站重構(gòu)可以大大提升網(wǎng)站用戶與搜索引擎的友好度。

CSS+DIV所以成為目前網(wǎng)頁(yè)布局主流，在我看主要核心原因，其實(shí)不僅僅是其符合W3C標(biāo)準(zhǔn)，而是通過(guò)采用CSS+DIV，網(wǎng)頁(yè)工程從此：

表現(xiàn)與內(nèi)容分離

現(xiàn)在div+css已經(jīng)很風(fēng)靡了,各大網(wǎng)站都紛紛重構(gòu)為div+css模式,網(wǎng)易就是最好的例子,采用層和CSS后,給用戶最直觀的體驗(yàn)就是網(wǎng)頁(yè)打開(kāi)速度快了很多。能給用戶好的體驗(yàn)，為什么不做呢？

今天我主要從SEO的角度來(lái)分析用DIV+CSS進(jìn)行網(wǎng)站制作或重構(gòu)的必要性:

1、用div+css構(gòu)架的網(wǎng)站容易向W3C 標(biāo)準(zhǔn)靠攏，網(wǎng)站是否符合W3C標(biāo)準(zhǔn)是搜索引擎給網(wǎng)頁(yè)排名的一個(gè)影響因素，特別是YAHOO，它看的比較重。

2、網(wǎng)站源代碼簡(jiǎn)潔，除了幾個(gè)div,ul,li,dl,dd,dt之類的標(biāo)簽外，幾乎不用其他標(biāo)簽，這樣，是網(wǎng)站內(nèi)容完全裸露在搜索引擎的蜘蛛面前，便于抓取關(guān)鍵內(nèi)容，增大關(guān)鍵內(nèi)容的頁(yè)面的比重，從而為排名因素增加比重。

3、可輕松做到關(guān)鍵內(nèi)容先被蜘蛛讀取。一般的站點(diǎn)都是左中右三欄式，頁(yè)面的主要內(nèi)容是在中間一欄，而蜘蛛讀取頁(yè)面內(nèi)容是按照從上而下，從左至右的順序進(jìn)行的，如果你的左欄內(nèi)容比較多，那就麻煩了，你的頁(yè)面主要內(nèi)容權(quán)值就會(huì)下降。而用div+css就可以把主要先寫(xiě)在前面，在寫(xiě)左欄，右欄內(nèi)容，然后通過(guò)CSS一定位就可以了

4、方便調(diào)整網(wǎng)站結(jié)構(gòu)布局。對(duì)于常用的表格布局，若想改下布局，可謂牽一發(fā)而動(dòng)全身，網(wǎng)站層結(jié)構(gòu)如果設(shè)計(jì)的合理，可以用CSS很輕松的改變網(wǎng)站的表現(xiàn)，這就是結(jié)構(gòu)和內(nèi)容，行為的分離。如果網(wǎng)站結(jié)構(gòu)定期改動(dòng)，自然對(duì)搜索引擎的蜘蛛吸引力不小的。
一個(gè)用層和css做好根基的網(wǎng)站，以后的優(yōu)化工作自然會(huì)省力不少的。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com