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

時(shí)間：2024-07-17 14:54:57 CSS 我要投稿

相關(guān)推薦

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

　　什么是div+css?

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

　　流行優(yōu)勢(shì)

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

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

　　3、搜索引擎更加友好。

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

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

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

　　一.div+css布局的好處：

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

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

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

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