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

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

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

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

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

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

3：提高頁面瀏覽速度

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

4：易于維護和改版

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

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

• css
• div
• table