看了很多面試要求,大都寫上要能寫出符合“web標準”的代碼。那麼到底什麼是 ”web標準“,如何才能符合web的標準。
說說我的理解:
Web標準並不是某一個標準,而是由一系列標準組合而成。
網頁主要由三部分組成:結構、表現和行爲。
對應的標準也分三方面:
- 結構化標準語言主要包括XHTML+HTML+XML。
- 表現標準語言主要包括CSS。
- 行爲標準主要包括Javascript+DOM。
那麼就細分下去,有幾個要點,當然我說的不全,以後會慢慢添加。
HTML
- HTML標籤的語義化。
- 結構與表現分離,結構與行爲分離。
CSS
- CSS的幾個注意要點
Javascript、
- Javascript的幾個注意要點
瀏覽器兼容
- 瀏覽器兼容問題
(以下內容來自阿捷)
下面幾個話題我會另起篇章,下面談一談web標準的好處:
- 科技在進步,網絡帶寬越來越大,速度越來也快,節省那點字節有意義嗎?
web標準的好處之一是:用web標準制作的頁面代碼量小,可以節省帶寬。這只是web標準附帶的好處,因爲DIV的結構本身就比TABLE簡單,TABLE佈局的層層嵌套造成代碼臃腫,文件尺寸膨脹。通常情況下,相同表現的頁面用DIV+CSS比用TABLE佈局的節省2/3的代碼。這是web標準天生的好處。 至於節省帶寬的意義並不主要針對普通用戶,而主要針對網站經營者,特別是中大型網站,類似新浪、網易這樣的站點。一個新聞首頁從500K縮小到170k,假設一天的pageview是3000萬(保守數字),那麼節省的服務器流量就是330k*30000000=9440G,這個成本的節約是可觀的。
- 我需要考慮殘障人士(盲人和弱視)嗎?
爲殘障人士提供網絡瀏覽方便是美國及歐洲一些國家的法律規定,由於web標準頁面的清晰結構、語義完整,一些相關設備能很容易的正確提取信息給殘障人士。因此,方便盲人閱讀信息也成爲web標準的天生好處之一。至於有人說中國目前還有很多人爲解決溫飽發愁,哪有時間考慮殘障人士。這是社會文明和社會道德問題,不在本書討論範疇。但如果你頁面按web標準制作了,就能達到這個效果,何樂而不爲呢?
下面談談web標準常見的錯誤概念:
1. DIV+CSS就是web標準嗎?
DIV+CSS只是具體的實現技術手段,並不能涵蓋web標準。web標準不僅僅是HTML向XHTML的轉換,更重要的是信息結構清晰、內容與表現相分離,而DIV+CSS技術能較好的實現這種思想。因此,我們看到的多數符合標準的頁面都是採用DIV+CSS製作。
2.web標準就不能用表格了嗎?
首先要澄清一個概念:web標準並不是不允許用TABLE標籤,TABLE也是XHTML1.0中的標準標籤。我們只是提倡用DIV+CSS佈局來替代傳統的table佈局。原因是:原來的TABLE佈局將表現和內容混雜在一起,結構不清晰、內容不完整,不利於內容的重用。而且從語義上講,W3C制定TABLE標籤時候只是用它來做表格結構定義的,文檔中如果有表格,那麼就應該用TABLE。而排版、定位這些表現的東西應該由CSS來控制。