首頁 >web前端 >css教學 >DIV+CSS與table有什麼差別?

DIV+CSS與table有什麼差別?

云罗郡主
云罗郡主轉載
2018-11-14 17:22:522718瀏覽

這篇文章帶給大家的內容是關於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的頁面更加快速快速。

以上就是對DIV CSS與table有什麼區別的全部介紹,如果您想了解更多有關CSS3教程,請關注PHP中文網。

以上是DIV+CSS與table有什麼差別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:divcss5.com。如有侵權,請聯絡admin@php.cn刪除