本文和大家重點學習一下DIV+CSS網頁重構的概念和優勢，DIV+CSS是網站標準（或稱“WEB標準”）中常用術語之一，通常為了說明與HTML網頁設計語言中的表格（table）定位方式的區別。

DIV+CSS網頁重構

　　DIV+CSS是網站標準（或稱“WEB標準”）中常用術語之一，通常為了說明與HTML網頁設計語言中的表格（table）定位方式的區別，因為XHTML網站設計標準中，不再使用表格定位技術，而是采用DIV+CSS的方式實現各種定位。

　　CSS是英語CascadingStyleSheets（層疊樣式表單）的縮寫，它是一種用來表現HTML或XML等文件式樣的計算機語言。
　
　　DIV+CSS高級布局已逐漸流行，但面對所謂DIV+CSS布局的叫法讓人更為擔心，不要讓DIV成為Table的替代品，多層嵌套的DIV會嚴重影響代碼的可閱讀性，活用HTML為我們提供的標簽吧。

DIV+CSS的優勢何在？

　　1、符合W3C標準。微軟等公司均為W3C支持者。這一點是最重要的，因為這保證您的網站不會因為將來網絡應用的升級而被淘汰。

　　2、支持瀏覽器的向后兼容，也就是無論未來的瀏覽器大戰，勝利的是IE7或者是火狐，您的網站都能很好的兼容。

　　3、搜索引擎更加友好。相對與傳統的table, 采用DIV+CSS技術的網頁，對于搜索引擎的收錄更加友好。

　　4、樣式的調整更加方便。內容和樣式的分離，使頁面和樣式的調整變得更加方便。 現在YAHOO,MSN等國際門戶網站，網易，新浪等國內門戶網站，和主流的WEB2.0網站，均采用DIV+CSS的框架模式，更加印證了DIV+CSS是大勢所趨。

　　5、CSS的極大優勢表現在簡潔的代碼，對于一個大型網站來說，可以節省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼。

　　6、表現和結構分離，在團隊開發中更容易分工合作而減少相互關聯性

【編輯推薦】

1. CSS HACK和瀏覽器兼容問題的解決方法
2. CSS屬性選擇器語法詳解
3. CSS中DIV彈出層問題解決方案
4. 七大CSS選擇符用法詳解
5. 探究CSS高級語法中選擇器分組和CSS繼承用法