DIV+CSS布局和TABLE布局的優(yōu)缺點

時間：2020-11-15 19:29:50 CSS 我要投稿

　　TABLE布局是早以前CSS不存在的時候興起的，是對TABLE標(biāo)簽的不正規(guī)使用，Table標(biāo)簽就是表格，是用來顯示數(shù)據(jù)的，而不是用來布局網(wǎng)頁的，雖然它有時候布局網(wǎng)頁很簡單。現(xiàn)在絕大多數(shù)的網(wǎng)站都是用DIV+CSS布局。這兩種布局各有各的優(yōu)點。

　　什么是div+css?

　　DIV+CSS是網(wǎng)站標(biāo)準(或稱“WEB標(biāo)準”)中常用術(shù)語之一，div+css 是一種網(wǎng)頁的布局方法，這一種網(wǎng)頁布局方法有別于傳統(tǒng)的HTML網(wǎng)頁設(shè)計語言中的表格(table)定位方式，可實現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相分離。XHTML是The Extensible HyperText Markup Language(可擴展超文本標(biāo)識語言)的縮寫。XHTML基于可擴展標(biāo)記語言(XML)，是一種在HTML 基礎(chǔ)上優(yōu)化和改進的的新語言，目的是基于XML應(yīng)用與強大的數(shù)據(jù)轉(zhuǎn)換能力，適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求。在XHTML網(wǎng)站設(shè)計標(biāo)準中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實現(xiàn)各種定位。

　　流行優(yōu)勢

　　1、符合W3C標(biāo)準。

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

　　3、搜索引擎更加友好。

　　4、樣式的調(diào)整更加方便。

　　5、CSS的極大優(yōu)勢表現(xiàn)在簡潔的代碼，對于一個大型網(wǎng)站來說，可以節(jié)省大量帶寬。

　　6、表現(xiàn)和結(jié)構(gòu)分離，在團隊開發(fā)中更容易分工合作而減少相互關(guān)聯(lián)性。

　　一.div+css布局的好處：

　　1.符合W3C標(biāo)準，代碼結(jié)構(gòu)清晰明了，結(jié)構(gòu)、樣式和行為分離，帶來足夠好的'可維護性。

　　2.布局精準，網(wǎng)站版面布局修改簡單。

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

　　4.節(jié)約站點所占的空間和站點的流量。