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

注意：
使用合適的標簽布局不能像Table一樣用DIV+CSS，無(wú)窮盡的嵌套，其效果與Table設計沒(méi)有兩樣，并不會(huì )帶來(lái)搜索引擎的優(yōu)化效果，反而會(huì )增加頁(yè)面的負擔