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

時間：2024-07-17 14:54:57 CSS

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

　　什么是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、表現和結構分離，在團隊開發中更容易分工合作而減少相互關聯性。

　　一.div+css布局的好處：

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

　　2.布局精準，網站版面布局修改簡單。

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

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