網站開發為(wèi)什麽使用(yòng)div+css布局？

使用(yòng)原因：1、符合W3C标準，可(kě)保證開發的網站不會因為(wèi)将來網絡應用(yòng)的升級而被淘汰；2、使用(yòng)DIV+CSS布局，頁(yè)面代碼精(jīng)簡，頁(yè)面體(tǐ)積變小(xiǎo)，使頁(yè)面加載速度得到很(hěn)大提高，則用(yòng)戶點擊頁(yè)面的等待時間就越少，增加用(yòng)戶體(tǐ)驗性，進而提高網站排名(míng)。

相關推薦：《HTML視頻教程》、《CSS視頻教程》

DIV+CSS是WEB設計标準，它是一種網頁(yè)的布局方法。與傳統中(zhōng)通過表格（table）布局定位的方式不同，它可(kě)以實現網頁(yè)頁(yè)面内容與表現相分(fēn)離。

使用(yòng)DIV+CSS布局的優勢

1、符合W3C标準。

這保證您的網站不會因為(wèi)将來網絡應用(yòng)的升級而被淘汰。

2、對浏覽者和浏覽器更具(jù)親和力。

由于CSS富含豐富的樣式，使頁(yè)面更加靈活性，它可(kě)以根據不同的浏覽器，而達到顯示效果的統一和不變形。這樣就支持浏覽器的向後兼容，也就是無論未來的浏覽器大戰，勝利的是什麽，您的網站都能(néng)很(hěn)好的兼容。

3、精(jīng)簡的代碼，使頁(yè)面載入得更快、增加用(yòng)戶體(tǐ)驗性

使用(yòng)DIV+CSS布局，頁(yè)面代碼精(jīng)簡，這一點相信對XHTML有(yǒu)所了解的都知道。代碼精(jīng)簡提高了百度蜘蛛的爬行效率以及高效性，能(néng)在最短的時間内爬完整個頁(yè)面，同時這樣對收錄質(zhì)量有(yǒu)一定好處。

且頁(yè)面體(tǐ)積變小(xiǎo)，浏覽速度變快，由于将大部分(fēn)頁(yè)面代碼寫在了CSS當中(zhōng)，使得頁(yè)面體(tǐ)積容量變得更小(xiǎo)。相對于表格嵌套的方式，DIV+CSS将頁(yè)面獨立成更多(duō)的區(qū)域，在打開頁(yè)面的時候，逐層加載。而不像表格嵌套那樣将整個頁(yè)面圈在一個大表格裏，使得加載速度很(hěn)慢。

加載速度提高了，那麽用(yòng)戶點擊頁(yè)面的等待時間就越少，用(yòng)戶體(tǐ)驗性的增加相應的帶來就是網站受到搜索引擎的喜歡，進而提高網站排名(míng)。

4、保持視覺的一緻性。

以往表格嵌套的制作(zuò)方法，會使得頁(yè)面與頁(yè)面，或者區(qū)域與區(qū)域之間的顯示效果會有(yǒu)偏差。而使用(yòng)DIV+CSS的制作(zuò)方法，将所有(yǒu)頁(yè)面，或所有(yǒu)區(qū)域統一用(yòng)CSS文(wén)件控制，就避免了不同區(qū)域或不同頁(yè)面體(tǐ)現出的效果偏差。

5、修改設計時更有(yǒu)效率。

由于使用(yòng)了DIV+CSS制作(zuò)方法，使内容和結構分(fēn)離，在修改頁(yè)面的時候更加容易省時。根據區(qū)域内容标記，到CSS裏找到相應的ID，使得修改頁(yè)面的時候更加方便，也不會破壞頁(yè)面其他(tā)部分(fēn)的布局樣式，在團隊開發中(zhōng)更容易分(fēn)工(gōng)合作(zuò)而減少相互關聯性。

6、搜索引擎更加友好。

相對與傳統的table，采用(yòng)DIV+CSS技(jì )術的網頁(yè)，由于将大部分(fēn)的HTML代碼和内容樣式寫入了CSS文(wén)件中(zhōng)，這就使得網頁(yè)中(zhōng)代碼更加簡潔，正文(wén)部分(fēn)更為(wèi)突出明顯，便于被搜索引擎采集收錄。

div+css結構清晰，很(hěn)容易被搜索引擎搜索到，天生就是适合優化seo，降低網頁(yè)大小(xiǎo)，讓網頁(yè)體(tǐ)積變得更小(xiǎo)。注意：div+css結構清晰、精(jīng)簡，不意味着可(kě)以全部用(yòng)div+css結構，比如通篇HTML标簽全DIV的，貌似除了之上及之上及之外，其它全是

擴展資料：

“DIV+CSS”其實是錯誤的叫法，而标準的叫法應是XHTML+CSS。因為(wèi)DIV與Table都是XHTML或HTML語言中(zhōng)的一個标記，而CSS隻是一種表現形式。也許其提出者本意并沒有(yǒu)錯，但是跟風者從表現曲解了其意思，認為(wèi)整個頁(yè)面就應當是DIV+CSS文(wén)件的組合。