初學者很容易把web標準理解為DIV+CSS,以為DIV的作用就是簡單的替代表格去做表格以前做的事情,于是乎許多采用新技術的網站開始了DIV+CSS制作網頁暑始,當打開網頁代碼的時候蒋荚,看到整個頁面基本都是采用了DIV標簽,給每個DIV標簽都指定了一個class期升,其實這是對web標準的一種濫用方式。
web標準的思想是實現(xiàn)結構颂郎,表現(xiàn)容为,行為的分離,不只是簡單的把table換為DIV替劈,如果要想學好web標準的思想得滤,首先要做的就是拋棄傳統(tǒng)的表格布局思想。
Web傳統(tǒng)網站
有table標簽懂更,做了很多事情。
現(xiàn)代網站龄捡,使用div+css布局與之做主要區(qū)別聘殖。
傳統(tǒng)的網站的代碼量也大大超過現(xiàn)代化的網站。
傳統(tǒng)網站的結構和表現(xiàn)是混雜在一起的悍募,不容易改變樣式洋机,現(xiàn)代化的網站結構和表現(xiàn)是分離的(css分離出來的),可以很好改變樣式喜鼓。
Web標準的好處
高效開發(fā)衔肢,維護簡單。
信息跨平臺的可用性角骤。(由于采用結構與表現(xiàn)分離的技術,結構與表現(xiàn)各為一個獨立體背桐,這樣可以使信息實現(xiàn)跨平臺蝉揍,我們可以針對不同的設備進行不同的樣式進行替換。從而實現(xiàn)一個結構文檔在不同的平臺設備上面實現(xiàn)不同的樣式表現(xiàn)弊仪,以適應不同操作平臺的需要杖刷,達到文檔一次建立,隨處使用的目的役听。)跨平臺性,跨瀏覽器性禾嫉。也就是說蚊丐,移動端的,web端的可以展示的不一樣。
降低服務器成本孽椰。(通過結構與樣式的反復重用凛篙,整個網站的容量大大減小,降低了服務器成本锐涯。)
便于改版填物。
加快網頁解析速度。
與未來兼容升薯。(結構與表現(xiàn)分離,不必擔心與未來的兼容性)
更加好的用戶體驗涎劈。
web標準推薦書籍
《網站重構》《CSS網站布局實錄》《精通CSS》《CSS禪意花園》(www.csszengarden.com) 《超越CSS》