您的位置: 首頁 > 技術文檔 > 網頁制作 > HTML5設計原則
我做前端一年半 回到列表 朋友網無障礙優化實踐
 HTML5設計原則

作者:mark.chenfl 時間: 2011-11-17 文檔類型:轉載 來自:Alibaba.com UED

第 1 頁 HTML5設計原則 [1]
第 2 頁 HTML5設計原則 [2]
第 3 頁 HTML5設計原則 [3]
第 4 頁 HTML5設計原則 [4]
第 5 頁 HTML5設計原則 [5]
第 6 頁 HTML5設計原則 [6]

“Be conservative in what you send; be liberal in what you accept.   –The Robustness principle”

“對于自己輸出要嚴格; 對于他人的輸入要靈活.  –魯棒性原則”

一切從魯棒性原則說起, 把魯棒性原則放在第一位, 是為了:

1. 讓大家帶著魯棒性原則的思考來聽這次分享.

2. 魯棒性原則是促成HTML5的設計原則主線.

3. 魯棒性的引申義可以上升到為人處世中去.

一. XHTML2 & HTML5之間不得不說的故事

HTML Tag的文檔作為HTML誕生的見證, 但是HTML Tag這份文檔并不是官方的規范.

真正的官方HTML規范是從HTML2開始的, HTML2繼承了HTML Tag的成果, 繼往開來, 承前啟后, 而非另立門戶, 從頭開始.

但是小悲劇的是, HTML2的標準出臺的時候恰好是瀏覽器大戰的年代,  瀏覽器廠商各行其道, 無視標準的存在, 而W3C也在這個時期也不停的將一些瀏覽器私有特性轉換成標準的一部分. (Cowpaths)

97年 – 99年, 瀏覽器大戰如火如荼, HTML標準也經歷了從3.2 – 4.0 – 4.01的版本變遷, 非常的迅猛, 但是到了HTML4.01是, W3C的頭也許是被敲壞了, 認為:”好了, HTML就這樣了, HTML4.01是HTML的最后一個版本了, 我們也用不著HTML工作組了.”

而事實上W3C并沒有停止開發這門語言, 只不過他們對HTML失去了興趣, 在HTML4.01后, 他們提出了xHTML1.0,雖然聽起來完全不同,但是xHTML1.0與HTML4.01其實都是一樣的,唯一不同的,就是xHTML1.0要求使用XML語法。也就是說我們現在習以為常的:所有標簽必須小寫,所有屬性必須小寫,所有屬性值都必須加引號,所有標簽必須閉合…

從規范本身的內容看,實際是相同的, 不同之處就是編碼風格, 因為對瀏覽器來說, 讀取符合HTML4.01,HTML3.2或者xHTML1.0規范的網頁都沒有問題, 對于瀏覽器來說,都會生成相同的DOM樹,只不過xHTML1.0嚴格的編碼風格讓人們比較偏好.

到了2000年,Web標準項目的活動如火如荼, 開發人員對那些個私有特性都忍無可忍, 大家都在罵瀏覽器廠商:”他媽的支持個標準真有這么難嗎?!”. 正巧那個時候CSS有了長足的發展,而且與xHTML1.0的結合也很緊密, CSS + xHTML1.0基本上就成了”最佳實踐”.而xHTML的那種優雅的書寫風格在專業人士的帶領下, 成為了業界最被認可接受的風格了.

在xHTML1.0之后緊跟著出來的是xHTML1.1,我印象很深刻的是:當時還在用Editplus, 去官網找了個xHTML1.1的template, 結果…

xHTML1.1和xHTML1.0不僅僅是版本號加了0.1這樣的差異, 1.1居然是要求必須把文檔標記成XML? 而當時最先進的IE無法處理接收到XML文檔類型的文檔, 這這太崩潰了.而真正使人不想把文檔標注成XML的原因是, 如果你在文檔中哪怕是只寫錯了一點點, 比如&沒有編碼成&那整個頁面的渲染結果就是黃屏了,沒戲了,這個頁面中有一個錯誤,你丫別想看這個網頁了. “如果解析器渠道錯誤,那就停止解析”是的.這就是XML文檔的錯誤處理機制.

依稀記得xHTML2的墳還沒長草, 而促使他死亡的原因就是魯棒性原則.

  1. 程序員們不會去支持他,因為XML的錯誤處理機制和xHTML2故意而為的不向后兼容.
  2. 瀏覽器廠商不回去支持他,因為瀏覽器必須要保證向后兼容.

當然并不是說這樣的規范不好, 恰恰相反, 從理論角度他是個非常好的規范, 是個非常好的格式, 但僅限于理論角度, 問題就是他并不實際.

可以說魯棒性原則是殺死xHTML2.0的戰略性理論武器. 而且讓他死的非常瞑目.

出處:Alibaba.com UED
責任編輯:bluehearts

上一頁 下一頁 HTML5設計原則 [2]

◎進入論壇網頁制作WEB標準化版塊參加討論,我還想發表評論

熱門搜索:CSS Fireworks 設計比賽 網頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大福“敬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數企業唯一擁抱互聯網的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯網觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規范
如何在illustrator中繪制臺歷
Ps簡單繪制一個可愛的鉛筆圖標
數據同步算法研究
用ps作簡單的作品展示頁面
CSS定位機制之一:普通流
25個最佳最閃亮的Eclipse開發項目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:1/61個記錄/頁 轉到 頁 共6個記錄 分享按鈕

藍色理想版權申明:除部分特別聲明不要轉載,或者授權我站獨家播發的文章外,大家可以自由轉載我站點的原創文章,但原作者和來自我站的鏈接必須保留(非我站原創的,按照原來自一節,自行鏈接)。文章版權歸我站和作者共有。

轉載要求:轉載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯系,版權歸原作者所有,文章若有侵犯作者版權,請與我們聯系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內容無關的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網上道德,遵守中華人民共和國的各項有關法律法規
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權保留或刪除其管轄評論中的任意內容
·您在本站發表的作品,本站有權在網站內轉載或引用
·參與本評論即表明您已經閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業書推薦 更多內容
網站可用性測試及優化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網站UI 設計之道
《Flex 4.0 RIA開發寶典》
《贏在設計》
犀利開發—jQuery內核詳解與實踐
作品集 更多內容

雜⑦雜⑧ Gold NORMANA V2
公式规律一波中特