棟棟曉03:什麼是web標準?

看了很多面試要求,大都寫上要能寫出符合“web標準”的代碼。那麼到底什麼是 ”web標準“,如何才能符合web的標準。

說說我的理解:
Web標準並不是某一個標準,而是由一系列標準組合而成。
網頁主要由三部分組成:結構、表現和行爲。
對應的標準也分三方面:

  • 結構化標準語言主要包括XHTML+HTML+XML。
  • 表現標準語言主要包括CSS。
  • 行爲標準主要包括Javascript+DOM。

那麼就細分下去,有幾個要點,當然我說的不全,以後會慢慢添加。

HTML

  1. HTML標籤的語義化。
  2. 結構與表現分離,結構與行爲分離。

CSS

  1. CSS的幾個注意要點

Javascript

  1. Javascript的幾個注意要點

瀏覽器兼容

  1. 瀏覽器兼容問題

(以下內容來自阿捷
下面幾個話題我會另起篇章,下面談一談web標準的好處:

  1. 科技在進步,網絡帶寬越來越大,速度越來也快,節省那點字節有意義嗎?

web標準的好處之一是:用web標準制作的頁面代碼量小,可以節省帶寬。這只是web標準附帶的好處,因爲DIV的結構本身就比TABLE簡單,TABLE佈局的層層嵌套造成代碼臃腫,文件尺寸膨脹。通常情況下,相同表現的頁面用DIV+CSS比用TABLE佈局的節省2/3的代碼。這是web標準天生的好處。 至於節省帶寬的意義並不主要針對普通用戶,而主要針對網站經營者,特別是中大型網站,類似新浪、網易這樣的站點。一個新聞首頁從500K縮小到170k,假設一天的pageview是3000萬(保守數字),那麼節省的服務器流量就是330k*30000000=9440G,這個成本的節約是可觀的。

  1. 我需要考慮殘障人士(盲人和弱視)嗎?

爲殘障人士提供網絡瀏覽方便是美國及歐洲一些國家的法律規定,由於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來控制。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章