DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> DIV+CSS網頁布局五大特點
DIV+CSS網頁布局五大特點
編輯:CSS詳解     

你對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的頁面更加快捷快速。

【編輯推薦】

  1. DIV CSS隱藏內容樣式方法詳解
  2. IE6.0對padding的解讀分析
  3. 揭露CSS中margins折疊現象內幕
  4. DIV+CSS開發XHtml網頁對SEO優化的影響
  5. DIV CSS網頁布局中對段落進行排版的方法
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved