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

注意：
使用合適的標(biāo)簽布局不能像Table一樣用DIV+CSS，無窮盡的嵌套，其效果與Table設(shè)計沒有兩樣，并不會帶來搜索引擎的優(yōu)化效果，反而會增加頁面的負(fù)擔(dān)