采用CSS+DIV對(duì)網(wǎng)站重構(gòu)日趨被大家重視起來(lái)了，尤其是大型站點(diǎn)，就在今天下午，IT168首頁(yè)改版就選擇了這種做法。其實(shí)，早些時(shí)候像阿里巴巴、163等大型門戶站點(diǎn)就已經(jīng)完成了重構(gòu)工作。 Robin 早在去年就已經(jīng)有了使用CSS+DIV來(lái)編寫網(wǎng)頁(yè)源碼的習(xí)慣了，個(gè)人感覺(jué)這種方法確實(shí)比傳統(tǒng)的TABLE形式的源碼架構(gòu)強(qiáng)多了。

采用CSS+DIV進(jìn)行網(wǎng)頁(yè)重構(gòu)相對(duì)與傳統(tǒng)的TABLE網(wǎng)頁(yè)布局而具有以下4個(gè)顯著優(yōu)勢(shì)：

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大小。

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

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

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