優(yōu)點(diǎn)如下：
1.縮減頁面代碼，加快解析速度，提高網(wǎng)頁瀏覽速度,減少帶寬成本;
2.結(jié)構(gòu)清晰明了，容易被搜索引擎抓捕，利于seo的優(yōu)化;
3.方便改版，只要修改相應(yīng)的CSS文件就重新設(shè)計(jì)了一個(gè)站點(diǎn);
4.CSS容易上手，可以很輕松地編寫CSS;
5.表現(xiàn)和內(nèi)容相分離。css樣式單獨(dú)放在一個(gè)文件夾中;
6.Table 布局靈活性不大，只能遵循 table tr td 的格式。而div可以 div ul li 也可以 ol li 還可以 ul li只要控制一下樣式表現(xiàn)可以完全一樣;
7.Table 中布局中，垃圾代碼會(huì)很多，一些修飾的樣式及布局的代碼混合一起，很不直觀。而Div更能體現(xiàn)樣式和結(jié)構(gòu)相分離，結(jié)構(gòu)的重構(gòu)性強(qiáng);
8.以前一些非得通過圖片轉(zhuǎn)換實(shí)現(xiàn)的功能，現(xiàn)在只要用CSS就可以輕松實(shí)現(xiàn)，從而更快地下載頁面;
9.可以輕松地控制頁面的布局 。
10.可以將許多網(wǎng)頁的風(fēng)格格式同時(shí)更新，不用再一頁一頁地更新了。可以將站點(diǎn)上所有的網(wǎng)頁風(fēng)格都使用一個(gè)CSS文件進(jìn)行控制，只要修改這個(gè)CSS文件中相應(yīng)的屬性，整個(gè)站點(diǎn)的所有頁面就都會(huì)發(fā)生變動(dòng)了;
順便說下在布局中最常用的標(biāo)簽
h1
標(biāo)題時(shí)使用：默認(rèn)在各瀏覽器中的顯示不一樣，在樣式中統(tǒng)一規(guī)定。
ul li
列表標(biāo)簽；定義導(dǎo)航，新聞列表，圖片列表。
span
在布局上能帶來不少的方便，因?yàn)樗皇菈K級(jí)元素。
h2
副標(biāo)題使用最多,但有些地方需要定義欄目樣式的話,用這個(gè)標(biāo)簽比較合適,欄目?jī)?nèi)容就使用p
img
常見的圖片屬性
p
段落使用的標(biāo)簽
注意：
使用合適的標(biāo)簽布局不能像Table一樣用DIV+CSS，無窮盡的嵌套，其效果與Table設(shè)計(jì)沒有兩樣，并不會(huì)帶來搜索引擎的優(yōu)化效果，反而會(huì)增加頁面的負(fù)擔(dān)。
