DIV+CSS的網(wǎng)頁設(shè)計架構(gòu)已經(jīng)應(yīng)用很多年了，并且十分廣泛。為什么越來越多的網(wǎng)站選擇用DIV+CSS來進行代碼編寫呢？DIV+CSS有哪些優(yōu)勢呢？在之前的許多文章中，我們已經(jīng)多次提到有關(guān)DIV+CSS的特點了，比如可以加快網(wǎng)頁瀏覽速度、減少冗余代碼、提高關(guān)鍵詞密度、提高搜索引擎爬行效率等等，另外，還可以大大減小網(wǎng)頁體積。本文就針對為什么DIV+CSS可以減小網(wǎng)頁體積進行重點分析。

　　我們知道，在過去很長一段時間里，table+tr+td這樣的代碼編寫方式是大多數(shù)網(wǎng)頁設(shè)計師津津樂道的經(jīng)歷，良好的可視化界面設(shè)計給了設(shè)計師很大的方便。但同時，由于這種結(jié)構(gòu)的本身因素通常，使用table+tr+td構(gòu)建的網(wǎng)站通常文件比較大，雖然table也可以使用CSS來控制，但在某些時候使用起來非常不方便。后來，DIV+CSS概念的推出，有效解決了這一問題。其基本思想是，通過DIV和其它諸如ul、li等元素構(gòu)建網(wǎng)頁前端，然后通過CSS文件來控制這些元素的屬性，從而達到網(wǎng)頁和樣式分離的效果，更關(guān)鍵的好處在于，不同網(wǎng)頁中使用同樣展示風(fēng)格的地方還可以多次重復(fù)調(diào)用這個CSS樣式，達到資源共享的目的。舉個例子，我們都喜歡打籃球，如果為每個人建一個籃球場，必然花費巨大。如果大家一起出資建一個籃球場，然后一起打球，那就一舉多得了。DIV+CSS就是這樣，由于許多網(wǎng)頁共用一個CSS，那么，對于設(shè)計師來講，那就方便多了，只需要把另外一個網(wǎng)頁也加上這個樣式的class就可以了，大量減少了工作量。同時，由于多個網(wǎng)頁共享一個CSS，幾乎所有CSS樣式都不需要寫在網(wǎng)頁文件里，直接用一個CSS文件管理即可，從而大大減小了網(wǎng)頁的體積。

　　由于DIV+CSS的應(yīng)用，大大減小了網(wǎng)頁的體積，也因此給網(wǎng)站帶來了巨大的好處。減小了網(wǎng)頁的體積，這就意味著打開網(wǎng)頁所需要的時候會大大縮短，提高了用戶的體驗。不僅如此，由于網(wǎng)頁讀取速度加快，搜索引擎蜘蛛的爬行效率也得到了大大提升，從而提高搜索引擎的收錄效率。由于CSS都集中到一個文件中進行管理，網(wǎng)頁里不再需要編寫CSS樣式，使整個網(wǎng)頁代碼非常干凈，除了網(wǎng)頁中的文字、圖片等，就只剩下div、ul、li等元素了，查看代碼更加方案，更適合于二次開發(fā)。另外，可維護性也得到了大大提升，我們只需要修改CSS文件就可以對整個網(wǎng)站中的展示效果進行控制，十分方便。

　　而今，HTML5+CSS3已經(jīng)開始普及，越來越多的網(wǎng)站采用了HTML5+CSS3進行開發(fā)。HTML5+CSS3為我們提供了更加豐富的網(wǎng)頁元素和網(wǎng)頁特效，比如我們之前需要采用FLASH或JS來實現(xiàn)的動畫效果，現(xiàn)在只需要采用CSS3進行簡單的設(shè)計就可以輕易實現(xiàn)。