初學(xué)者很容易把web標(biāo)準(zhǔn)理解為DIV+CSS,以為DIV的作用就是簡(jiǎn)單的替代表格去做表格以前做的事情，于是乎許多采用新技術(shù)的網(wǎng)站開始了DIV+CSS制作網(wǎng)頁(yè)，當(dāng)打開網(wǎng)頁(yè)代碼的時(shí)候，看到整個(gè)頁(yè)面基本都是采用了DIV標(biāo)簽，給每個(gè)DIV標(biāo)簽都指定了一個(gè)class，其實(shí)這是對(duì)web標(biāo)準(zhǔn)的一種濫用方式。
web標(biāo)準(zhǔn)的思想是實(shí)現(xiàn)結(jié)構(gòu)，表現(xiàn)，行為的分離，不只是簡(jiǎn)單的把table換為DIV，如果要想學(xué)好web標(biāo)準(zhǔn)的思想，首先要做的就是拋棄傳統(tǒng)的表格布局思想。
Web傳統(tǒng)網(wǎng)站
有table標(biāo)簽，做了很多事情。
現(xiàn)代網(wǎng)站，使用div+css布局與之做主要區(qū)別。
傳統(tǒng)的網(wǎng)站的代碼量也大大超過現(xiàn)代化的網(wǎng)站。
傳統(tǒng)網(wǎng)站的結(jié)構(gòu)和表現(xiàn)是混雜在一起的，不容易改變樣式，現(xiàn)代化的網(wǎng)站結(jié)構(gòu)和表現(xiàn)是分離的（css分離出來(lái)的），可以很好改變樣式。
Web標(biāo)準(zhǔn)的好處
高效開發(fā)，維護(hù)簡(jiǎn)單。
信息跨平臺(tái)的可用性。（由于采用結(jié)構(gòu)與表現(xiàn)分離的技術(shù)，結(jié)構(gòu)與表現(xiàn)各為一個(gè)獨(dú)立體，這樣可以使信息實(shí)現(xiàn)跨平臺(tái)，我們可以針對(duì)不同的設(shè)備進(jìn)行不同的樣式進(jìn)行替換。從而實(shí)現(xiàn)一個(gè)結(jié)構(gòu)文檔在不同的平臺(tái)設(shè)備上面實(shí)現(xiàn)不同的樣式表現(xiàn)，以適應(yīng)不同操作平臺(tái)的需要，達(dá)到文檔一次建立，隨處使用的目的。）跨平臺(tái)性，跨瀏覽器性。也就是說，移動(dòng)端的,web端的可以展示的不一樣。
降低服務(wù)器成本。（通過結(jié)構(gòu)與樣式的反復(fù)重用，整個(gè)網(wǎng)站的容量大大減小，降低了服務(wù)器成本。）
便于改版。
加快網(wǎng)頁(yè)解析速度。
與未來(lái)兼容。（結(jié)構(gòu)與表現(xiàn)分離，不必?fù)?dān)心與未來(lái)的兼容性）
更加好的用戶體驗(yàn)。
web標(biāo)準(zhǔn)推薦書籍
《網(wǎng)站重構(gòu)》《CSS網(wǎng)站布局實(shí)錄》《精通CSS》《CSS禪意花園》(www.csszengarden.com) 《超越CSS》
