網站優化之網頁布局之DIV CSS

什麼是DIV+CSS

DIV+CSS是WEB設計標準，它是一種網頁的布局方法。與傳統中通過表格（table）布局定位的方式不同，它可以實現網頁頁面內容與表現相分離。提起DIV+CSS組合，還要從XHTML說起。XHTML是一種在HTML（標準通用標記語言的子集）基礎上優化和改進的新語言，目的是基於XML應用與強大的數據轉換能力，適應未來網路應用更多的需求。

「DIV+CSS」其實是錯誤的叫法，而標準的叫法應是XHTML+CSS。因為DIV與Table都是XHTML或HTML語言中的一個標記，而CSS只是一種表現形式。也許其提出者本意並沒有錯，但是跟風者從表現曲解了其意思，認為整個頁面就應當是DIV+CSS文件的組合。

DIV+CSS的優點

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

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

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

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

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

6、表現和結構分離,在團隊開發中更容易分工合作而減少相互關聯性.簡單來說:

頁面載入速度快

布局靈活

DIV+CSS對SEO的作用

1、精簡的代碼，使用DIV+CSS布局，頁面代碼精簡，這一點相信對XHTML有所了解的都知道。代碼精簡提高了百度蜘蛛的爬行效率以及高效性，能在最短的時間內爬完整個頁面，同時這樣對收錄質量有一定好處;

2、提高訪問速度、增加用戶體驗性

使得載入速度得到很大的提高，那麼用戶點擊頁面的等待時間就越少，用戶體驗性的增加相應的帶來就是網站受到搜索引擎的喜歡，進而提高網站排名。

3、div+css結構清晰，很容易被搜索引擎搜索到，天生就是適合優化seo，降低網頁大小，讓網頁體積變得更小。注意：div+css結構清晰、精簡，不意味著可以全部用div+css結構，比如通篇HTML標籤全DIV的，貌似除了之上及之上及之外，其它全是

，就如同整個HTML是一萬個毫不相干的內容拼裝起來，或者通篇是

結構的，就如同這個頁面所有元素全是列表。事實上這兩種情況還相當普遍，因為曲解了「DIV+CSS」的真實含義，也許根本就不應該有這個說法，因為一個完整頁面幾乎不可能僅僅DIV+CSS就能完成。

文章轉載：https://www.trustauth.cn/wiki/15383.html

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！