本文和大家重點(diǎn)學(xué)習(xí)一下DIV+CSS網(wǎng)頁(yè)重構(gòu)的概念和優(yōu)勢(shì)，DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)（或稱(chēng)“WEB標(biāo)準(zhǔn)”）中常用術(shù)語(yǔ)之一，通常為了說(shuō)明與HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格（table）定位方式的區(qū)別。

DIV+CSS網(wǎng)頁(yè)重構(gòu)

　　DIV+CSS是網(wǎng)站標(biāo)準(zhǔn)（或稱(chēng)“WEB標(biāo)準(zhǔn)”）中常用術(shù)語(yǔ)之一，通常為了說(shuō)明與HTML網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言中的表格（table）定位方式的區(qū)別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實(shí)現(xiàn)各種定位。

　　CSS是英語(yǔ)CascadingStyleSheets（層疊樣式表單）的縮寫(xiě)，它是一種用來(lái)表現(xiàn)HTML或XML等文件式樣的計(jì)算機(jī)語(yǔ)言。
　
　　DIV+CSS高級(jí)布局已逐漸流行，但面對(duì)所謂DIV+CSS布局的叫法讓人更為擔(dān)心，不要讓DIV成為T(mén)able的替代品，多層嵌套的DIV會(huì)嚴(yán)重影響代碼的可閱讀性，活用HTML為我們提供的標(biāo)簽吧。

DIV+CSS的優(yōu)勢(shì)何在？

　　1、符合W3C標(biāo)準(zhǔn)。微軟等公司均為W3C支持者。這一點(diǎn)是最重要的，因?yàn)檫@保證您的網(wǎng)站不會(huì)因?yàn)閷?lái)網(wǎng)絡(luò)應(yīng)用的升級(jí)而被淘汰。

　　2、支持瀏覽器的向后兼容，也就是無(wú)論未來(lái)的瀏覽器大戰(zhàn)，勝利的是IE7或者是火狐，您的網(wǎng)站都能很好的兼容。

　　3、搜索引擎更加友好。相對(duì)與傳統(tǒng)的table, 采用DIV+CSS技術(shù)的網(wǎng)頁(yè)，對(duì)于搜索引擎的收錄更加友好。

　　4、樣式的調(diào)整更加方便。內(nèi)容和樣式的分離，使頁(yè)面和樣式的調(diào)整變得更加方便。 現(xiàn)在YAHOO,MSN等國(guó)際門(mén)戶(hù)網(wǎng)站，網(wǎng)易，新浪等國(guó)內(nèi)門(mén)戶(hù)網(wǎng)站，和主流的WEB2.0網(wǎng)站，均采用DIV+CSS的框架模式，更加印證了DIV+CSS是大勢(shì)所趨。

　　5、CSS的極大優(yōu)勢(shì)表現(xiàn)在簡(jiǎn)潔的代碼，對(duì)于一個(gè)大型網(wǎng)站來(lái)說(shuō)，可以節(jié)省大量帶寬，而且眾所周知，搜索引擎喜歡清潔的代碼。

　　6、表現(xiàn)和結(jié)構(gòu)分離，在團(tuán)隊(duì)開(kāi)發(fā)中更容易分工合作而減少相互關(guān)聯(lián)性

【編輯推薦】

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