CSS+DIV網頁重構對比TABLE布局的顯著優勢

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

採用CSS+DIV進行網頁重構相對與傳統的TABLE網頁布局而具有以下4個顯著優勢：

1：表現和內容相分離

將設計部分剝離出來放在一個獨立樣式檔案中，HTML檔案中只存放文本資訊。

2：提高搜尋引擎對網頁的索引效率

用只包含結構化內容的HTML代替嵌套的標籤，搜尋引擎將更有效地搜尋到你的網頁內容，並可能給你一個較高的評價。

3：提高頁面瀏覽速度

對於同一個頁面視覺效果，採用CSS+DIV重構的頁面容量要比TABLE編碼的分頁檔容量小得多，前者一般只有後者的1/2大小。

4：易於維護和改版

你只要簡單的修改幾個CSS檔案就可以重新設計整個網站的頁面。

從以上的描述來看，採用CSS+DIV對網站重構可以大大提升網站使用者與搜尋引擎的友好度。