div+css特點與優勢

< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>

1.結構清晰

分離頁面的表現與結構，我們可以建構一個div+css+js檔案的做到表現、結構、行為分離，這樣做的話就像我們做程式用到的那種mvc模式一樣，好處就是耦合性更小，更易維護。因為代碼少，結構清晰。

2.速度

   速度的優勢分兩點考慮

占用帶寬

<div></div> 至少要比<table><tr><td></td></tr></table>要少寫很多代碼

    table嵌套一般是

   <table>

     <tr>

      <td></td>

    </tr>

   </table>

  <div></div> 這樣寫，是以行數也要少，當然table也可以寫成一行，但是div代碼确是要比table少得多。

網頁執行速度

1）整體顯示速度，學過編譯原理的人都知道需要文法分析，一個<table><tr><td></td></tr></table> 到ie或其他浏覽器中首先要分析意思，這樣的話div簡單，很容易就能比對，暫且想象是用堆棧的方法去做的分析。

2）客戶體驗

      如果是table嵌套的話，倒黴了，如果不到最後一個</table>執行的時候，整個就是個白闆

 而div的話，可以先顯示一部分，客戶體驗也要好的多,其原理跟第一條有關

3.針對搜尋引擎的優化

    爬蟲一上來load進你的網頁後，如果是table嵌套的話，還要對一大堆的複雜結構的table進行分析，寫個正則都不容易，但是div不同，明顯要簡單得多。搜尋引擎喜歡清潔的代碼（其真正意義在于，增加了有效關鍵詞占網頁總代碼的比重），是以使用CSS＋DIV的web标準制作的網站具有搜尋引擎友好的一定優勢。

    不過，CSS+DIV網站建設的不足現階段也比較明顯：

比較表格布局和CSS+DIV發現，CSS文法其實很容易友善，設計師也都承認掌握CSS＋DIV并非需要達到讓火箭上天那樣高深莫測的知識才行，但某些概念的确還是需要他們去消化吸收。同時，bug問題也是阻止CSS普及的原因之一，即使是web專業人士往往也要花費大量時間修改bug，不用說那些對CSS使用的新手了。深度比較發現，一些通過表格方式可以輕松解決的問題在使用CSS+DIV的時候變得複雜，如果是一個CSS愛好者這可能對他是一種挑戰和樂趣，但對于一般設計者而言，這無疑令人沮喪。

    此外，如果說大部分網站的設計元素是均勻分布于整個站點，則CSS網站制作的設計元素通常放在幾個external外部檔案中，這一個或幾個檔案有可能相當複雜，檔案并不小，由此引起的問題也将變得不可忽視，比如CSS檔案調用出現異常，那麼整個網站将變得慘不忍睹。

#html/xhtml/xml專欄