你對DIV+CSS的特點是否了解,這裡和大家分享一下,DIV+CSS高級布局已逐漸流行,但面對所謂DIV+CSS布局的叫法讓人更為擔心,不要讓DIV成為Table的替代品。
DIV+CSS與TABLE的網頁優勢何在?
DIV+CSS是網站標准(或稱“WEB標准”)中常用的術語之一,通常為了說明與HTML網頁設計語言中的表格(table)定位方式的區別,因為XHtml網站設計標准中,不再使用表格定位技術,而是采用DIV+CSS的方式實現各種樣式制作定位。
DIV是Html(超文本語言)中的一個元素,DIV+CSS是一種網頁的布局方法,這一種網頁布局方法有別於傳統的table布局,真正地達到了w3c內容與表現相分離。
DIV是標簽,CSS是層疊樣式表(CSS樣式),DIV+CSS高級布局已逐漸流行,但面對所謂DIV+CSS布局的叫法讓人更為擔心,不要讓DIV成為Table的替代品,多層嵌套的DIV會嚴重影響代碼的可閱讀性,活用Html為我們提供的標簽吧。
DIV+CSS的特點:
1、符合W3C標准。微軟等公司均為W3C支持者。這一點是最重要的,因為這保證您的網站不會因為將來網絡應用的升級而被淘汰。
2、支持浏覽器的向後兼容,也就是無論未來的浏覽器大戰,勝利的是IE7或者是火狐,您的網站都能很好的兼容。
3、搜索引擎更加友好。相對與傳統的table,采用DIV+CSS技術的網頁,對於搜索引擎的收錄更加友好。
4、樣式的調整更加方便。內容和樣式的分離,使頁面和樣式的調整變得更加方便。現在YAHOO,MSN等國際門戶網站,網易,新浪等國內門戶網站,和主流的WEB2.0網站,均采用DIV+CSS的框架模式,更加印證了DIV+CSS是大勢所趨。現很多個人站長新建站點都采用了DIV+CSS來構建自己的網站頁面,可見DIV+CSS替代table已經不是遙遠夢想。
5、通過制作發行同樣的頁面使用TABLE做的頁面與DIV+CSS制作的頁面大小對比,DIV+CSS的XHtml頁面大小至少小TABLE制作頁面1/4。從而使的浏覽DIV+CSS的頁面更加快捷快速。
【編輯推薦】