DIV+CSS布局和TABLE布局的優(yōu)缺點(diǎn)
TABLE布局是早以前CSS不存在的時(shí)候興起的，是對(duì)TABLE標(biāo)簽的不正規(guī)使用，Table標(biāo)簽就是表格，是用來顯示數(shù)據(jù)的，而不是用來布局網(wǎng)頁的，雖然它有時(shí)候布局網(wǎng)頁很簡單�，F(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ù)語之一，div+css 是一種網(wǎng)頁的布局方法，這一種網(wǎng)頁布局方法有別于傳統(tǒng)的HTML網(wǎng)頁設(shè)計(jì)語言中的表格(table)定位方式，可實(shí)現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相分離。XHTML是The Extensible HyperText Markup Language(可擴(kuò)展超文本標(biāo)識(shí)語言)的縮寫。XHTML基于可擴(kuò)展標(biāo)記語言(XML)，是一種在HTML 基礎(chǔ)上優(yōu)化和改進(jìn)的的新語言，目的是基于XML應(yīng)用與強(qiáng)大的數(shù)據(jù)轉(zhuǎn)換能力，適應(yīng)未來網(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)在簡潔的'代碼，對(duì)于一個(gè)大型網(wǎng)站來說，可以節(jié)省大量帶寬。
6、表現(xiàn)和結(jié)構(gòu)分離，在團(tuán)隊(duì)開發(fā)中更容易分工合作而減少相互關(guān)聯(lián)性。
一.div+css布局的好處：
1.符合W3C標(biāo)準(zhǔn)，代碼結(jié)構(gòu)清晰明了，結(jié)構(gòu)、樣式和行為分離，帶來足夠好的可維護(hù)性。
2.布局精準(zhǔn)，網(wǎng)站版面布局修改簡單。
3.加快了頁面的加載速度(最重要的)(在IE中要將整個(gè)table加載完了才顯示內(nèi)容)。
4.節(jié)約站點(diǎn)所占的空間和站點(diǎn)的流量。
5.用只包含結(jié)構(gòu)化內(nèi)容的HTML代替嵌套的標(biāo)簽，提高另外搜索引擎對(duì)網(wǎng)頁的搜索效率。
二.table布局的好處(table布局也不是一點(diǎn)用的沒有，這點(diǎn)是毋庸置疑的)
1.容易上手。
2.可以形成復(fù)雜的變化，簡單快速。
3.表現(xiàn)上更加“嚴(yán)謹(jǐn)”，在不同瀏覽器中都能得到很好的兼容。
【DIV+CSS布局和TABLE布局的優(yōu)缺點(diǎn)】相關(guān)文章：
1.公文如何布局?
7.辦公室布局原則