DIV+CSS佈局和TABLE佈局的優缺點

TABLE佈局是早以前CSS不存在的時候興起的,是對TABLE標籤的不正規使用,Table標籤就是表格,是用來顯示數據的,而不是用來佈局網頁的,雖然它有時候佈局網頁很簡單。現在絕大多數的網站都是用DIV+CSS佈局。這兩種佈局各有各的優點。

DIV+CSS佈局和TABLE佈局的優缺點

  什麼是div+css?

DIV+CSS是網站標準(或稱“WEB標準”)中常用術語之一,div+css 是一種網頁的佈局方法,這一種網頁佈局方法有別於傳統的HTML網頁設計語言中的表格(table)定位方式,可實現網頁頁面內容與表現相分離。XHTML是The Extensible HyperText Markup Language(可擴展超文本標識語言)的縮寫。XHTML基於可擴展標記語言(XML),是一種在HTML 基礎上優化和改進的的新語言,目的是基於XML應用與強大的數據轉換能力,適應未來網絡應用更多的需求。在XHTML網站設計標準中,不再使用表格定位技術,而是採用DIV+CSS的方式實現各種定位。

  流行優勢

1、符合W3C標準。

2、支持瀏覽器的向後兼容。

3、搜索引擎更加友好。

4、樣式的調整更加方便。

5、CSS的極大優勢表現在簡潔的'代碼,對於一個大型網站來說,可以節省大量帶寬。

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

  一+css佈局的好處:

1.符合W3C標準,代碼結構清晰明瞭,結構、樣式和行爲分離,帶來足夠好的可維護性。

2.佈局精準,網站版面佈局修改簡單。

3.加快了頁面的加載速度(最重要的)(在IE中要將整個table加載完了才顯示內容)。

4.節約站點所佔的空間和站點的流量。

5.用只包含結構化內容的HTML代替嵌套的標籤,提高另外搜索引擎對網頁的搜索效率。

  二e佈局的好處(table佈局也不是一點用的沒有,這點是毋庸置疑的)

1.容易上手。

2.可以形成複雜的變化,簡單快速。

3.表現上更加“嚴謹”,在不同瀏覽器中都能得到很好的兼容。