本文和大家重點討論一下DIV+CSS的優勢以及網站設計中的問題,DIV+CSS是網站標准(或稱“WEB標准”)中常用術語之一,通常為了說明與Html網頁設計語言中的表格(table)定位方式的區別。
DIV+CSS網頁重構
DIV+CSS是網站標准(或稱“WEB標准”)中常用術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHtml網站設計標准中,不再使用表格定位技術,而是采用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網站設計的問題
盡管DIV+CSS具有一定的優勢,不過現階段DIV+CSS網站建設存在的問題也比較明顯,主要表現在:
第一,對於CSS的高度依賴使得網頁設計變得比較復雜。相對於HTML4.0中的表格布局(table),DIV+CSS盡管不是高不可及,但至少要比表格定位復雜的多,即使對於網站設計高手也很容易出現問題,更不要說初學者了,這在一定程度上影響了XHtml網站設計語言的普及應用。
第二,CSS文件異常將影響整個網站的正常浏覽。CSS網站制作的設計元素通常放在幾個l外部文件中,這一個或幾個文件有可能相當復雜,甚至比較龐大,如果CSS文件調用出現異常,那麼整個網站將變得慘不忍睹。
第三,對於CSS網站設計的浏覽器兼容性問題比較突出。基於Html4.0的網頁設計在IE4.0之後的版本中幾乎不存在浏覽器兼容性問題,但DIV+CSS設計的網站在IE浏覽器裡面正常顯示的頁面,到火狐浏覽器(Firefox)中卻可能面目全非(這也是為什麼建議網絡營銷人員使用火狐浏覽器的原因所在)。DIV+CSS還有待於各個浏覽器廠商的進一步支持。
第四,DIV+CSS對搜索引擎優化與否取決於網頁設計的專業水平而不是DIV+CSS本身。DIV+CSS網頁設計並不能保證網頁對搜索引擎的優化,甚至不能保證一定比Html網站有更簡潔的代碼設計,何況搜索引擎對於網頁的收錄和排序顯然不是以是否采用表格和CSS定位來衡量,這就是為什麼很多傳統表格布局制作的網站在搜索結果中的排序靠前,而很多使用CSS及web標准制作的網頁排名依然靠後的原因。因為對於搜索引擎而言,網站結構、內容、相關網站鏈接等因素始終是網站優化最重要的指標。