? ? ? W3C最新公布了和移動WebApp有關的標準當前的狀態及路線圖,它匯總了和移動Web App開發相關的所有HTML5和CSS3標準以及他們當前的狀態和未來路線,對使用HTML5進行移動Web App開發的開發者有著極大的指導意義。文檔地址為:[http://www.w3.org/2012/08/mobile-web-app-state/](http://www.w3.org/2012/08/mobile-web-app-state/)。
? ? ??下面是該文檔的主要內容。
? ? ? --------------
? ? ??
? ? ??Web技術已經變得足夠強大,它們被用來建立全功能的應用,這已經是臺式機和筆記本上多年不變的事實,而現在正越來越多地出現在移動設備上。
? ? ??本文總結了增強Web App功能的各種W3C標準,以及它們如何更具體地適用于移動環境中。
? ? ??1.???[圖形圖像](http://www.w3.org/2012/08/mobile-web-app-state/#Graphics)
? ? ??2.???[多媒體](http://www.w3.org/2012/08/mobile-web-app-state/#Multimedia)
? ? ??3.???[設備適配](http://www.w3.org/2012/08/mobile-web-app-state/#Device_Adaptation)
? ? ??4.???[表單](http://www.w3.org/2012/08/mobile-web-app-state/#Forms)
? ? ??5.???[用戶交互](http://www.w3.org/2012/08/mobile-web-app-state/#User_interactions)
? ? ??6.???[數據存儲](http://www.w3.org/2012/08/mobile-web-app-state/#Data_storage)
? ? ??7.???[個人信息管理](http://www.w3.org/2012/08/mobile-web-app-state/#Personal_Information_Management)
? ? ??8.???[傳感器和硬件集成](http://www.w3.org/2012/08/mobile-web-app-state/#Sensors_and_hardware_integration)
? ? ??9.???[網絡](http://www.w3.org/2012/08/mobile-web-app-state/#Network)
? ? ??10.[通信與發現](http://www.w3.org/2012/08/mobile-web-app-state/#Communication_and_Discovery)
? ? ??11.[封裝](http://www.w3.org/2012/08/mobile-web-app-state/#Packaging)
? ? ??12.[性能與優化](http://www.w3.org/2012/08/mobile-web-app-state/#Performance_.26_Optimization)
**狀態與變更**
? ? ??此文檔集成了自2012年5月以來Web平臺的如下變化:
? ? ??1、?[CSS Media Queries](http://www.w3.org/TR/css3-mediaqueries/)(媒介查詢)作為W3C推薦發布。
? ? ??2、?[Navigation Timing](http://www.w3.org/TR/navigation-timing/)(導航時間)達到了提議推薦的狀態,距離推薦僅一步之遙。
? ? ??3、?[Performance Timeline](http://www.w3.org/TR/performance-timeline/)(性能時間線),?[User Timing](http://www.w3.org/TR/user-timing/)(用戶時間線)和?[Page Visibility API](http://www.w3.org/TR/page-visibility/)(頁面可視性API)達到了候選推薦狀態,正尋求實現的反饋。
? ? ??4、?W3C準備為[Near-Field Communications (NFC)](http://www.w3.org/2012/05/nfc-wg-charter.html)(近場通信)和[SystemApplications](http://www.w3.org/2012/05/sysapps-wg-charter.html)(系統應用-例如采用Web技術構建的本地App)添加新的規范。
? ? ??5、?[HTML Media Capture](http://www.w3.org/TR/html-media-capture/)(HTML多媒體捕獲)作為最后修訂的草案發布。
? ? ??6、? [SVG 2.0](http://www.w3.org/TR/SVG2/),?[Fullscreen API](http://www.w3.org/TR/fullscreen/)(全屏API),?[Networked Service Discovery and Messaging](http://www.w3.org/TR/discovery-api/),?[Media Capture and Streams](http://www.w3.org/TR/mediacapture-streams/),?[Quota Management API](http://www.w3.org/TR/quota-api/),?[Proximity Events](http://www.w3.org/TR/proximity/),?[Ambient Light Events](http://www.w3.org/TR/ambient-light/),?[Web Intents](http://www.w3.org/TR/web-intents/)作為第一次公開的工作草案公布。
? ? ??7、?[Contact API](http://www.w3.org/TR/contacts-api/)(聯系人API)?和?[Gallery API](http://www.w3.org/TR/gallery/)(相冊API)將重新整理使用[Web Intents](http://dvcs.w3.org/hg/web-intents/raw-file/tip/spec/Overview.html)作為底層機制。
? ? ??8、?專利咨詢小組召開會議,討論Touch Events API(觸摸事件API )目前的推薦狀態。
? ? ??9、?[用于響應式圖像的<picture>標簽作為編輯草案出現](http://blog.csdn.net/hfahe/article/details/7963224)。
? ? ??10、[WAI Education and Outreach](http://www.w3.org/WAI/EO/)工作組發布了目前[移動可存取性](http://www.w3.org/WAI/mobile/)當前工作的狀態。
**文檔結構**
? ? ??Web平臺上的技術特性被分為下面幾種類別:[圖形圖像](http://www.w3.org/2012/08/mobile-web-app-state/#Graphics)、[多媒體](http://www.w3.org/2012/08/mobile-web-app-state/#Multimedia)、[設備適配](http://www.w3.org/2012/08/mobile-web-app-state/#Device_Adaptation)、[表單](http://www.w3.org/2012/08/mobile-web-app-state/#Forms)、[用戶交互](http://www.w3.org/2012/08/mobile-web-app-state/#User_interactions)、[數據存儲](http://www.w3.org/2012/08/mobile-web-app-state/#Data_storage)、[個人信息管理](http://www.w3.org/2012/08/mobile-web-app-state/#Personal_Information_Management)、[傳感器和硬件集成](http://www.w3.org/2012/08/mobile-web-app-state/#Sensors_and_hardware_integration)、[網絡](http://www.w3.org/2012/08/mobile-web-app-state/#Network)、[通信](http://www.w3.org/2012/08/mobile-web-app-state/#Communication_and_Discovery)與發現、[封裝](http://www.w3.org/2012/08/mobile-web-app-state/#Packaging)和[性能與優化](http://www.w3.org/2012/08/mobile-web-app-state/#Performance_.26_Optimization)。

Web即應用開發平臺
??????? 在每個類別中對應的功能表總結了:
- W3C規范定義的功能
- 哪個W3C工作組負責該規范
- 規范在W3C推薦路線中的狀態
- 該文檔的預計穩定性,例如文檔將在多大范圍內調整,包括三種程度:低(該文檔基本穩定),中(部分穩定,其他部分預計有顯著變化),高(該文檔會有極大變化)
- 移動設備上的可用性,基本數據來自[Can I Use](http://caniuse.com/)?和[mobile HTML5](http://mobilehtml5.org/),最終數據來自[Mozilla開發者網絡](https://developer.mozilla.org/),[QuirksMode](http://quirksmode.org/)以及筆者對移動設備市場的了解。
- 上述特性最新編輯草案的鏈接
- 上述特性測試工具的鏈接
? ? ???W3C創建Web標準遵循[推薦路線](http://www.w3.org/2005/10/Process-20051014/tr.html#Reports),包括以下幾個階段:
- “編輯草稿”代表了編輯者規范的當前視圖,但是并不是標準的一部分。
- “工作草稿”是工作組進程的早期里程碑。
- “最后修訂工作草案”標志工作組已確定規范符合其要求,所有已知的問題已得到解決,并因此請求獲取更大的社區反饋。
- “候選推薦”觸發邀請實現者來實現規范并反饋問題。
- “提議推薦”代表該工作組已經收集了足夠的實現經驗,并且給W3C的成員提交最后的審查。
- “W3C推薦”是穩定的和已完成的Web標準,這些文件只會得到少量更新,通過“編輯推薦”的進程和工作組收集的一個結果勘誤表。
? ? ???在開始標準化之前,需要建立工作組并導入W3C的成員,這往往是通過組織一個[研討會](http://www.w3.org/2003/08/Workshops/),或者接受[W3C成員的自薦](http://www.w3.org/Submission/)。
? ? ???W3C已設立[社區工作組](http://www.w3.org/community/)作為一種機制來允許任何人在W3C的基礎設施上進行實驗性工作,并通過IPR規則將工作過渡為W3C標準化進程。
? ? ???注:以下每種類別內容不再詳述。讀者可自行到W3C網站了解。
? ? ???**[圖形圖像](http://www.w3.org/2012/08/mobile-web-app-state/#Graphics)**
**?**
? ? ???**[多媒體](http://www.w3.org/2012/08/mobile-web-app-state/#Multimedia)**
**

? ? ???**[設備適配](http://www.w3.org/2012/08/mobile-web-app-state/#Device_Adaptation)**
****
? ? ???**[表單](http://www.w3.org/2012/08/mobile-web-app-state/#Forms)**
****
? ? ???**[用戶交互](http://www.w3.org/2012/08/mobile-web-app-state/#User_interactions)**
****
? ? ???**[數據存儲](http://www.w3.org/2012/08/mobile-web-app-state/#Data_storage)**
****
? ? ???**[個人信息管理](http://www.w3.org/2012/08/mobile-web-app-state/#Personal_Information_Management)**
****
? ? ???**[傳感器和硬件集成](http://www.w3.org/2012/08/mobile-web-app-state/#Sensors_and_hardware_integration)**
****
? ? ???**[網絡](http://www.w3.org/2012/08/mobile-web-app-state/#Network)**
****
? ? ???**[通信與發現](http://www.w3.org/2012/08/mobile-web-app-state/#Communication_and_Discovery)**

? ? ???**[封裝](http://www.w3.org/2012/08/mobile-web-app-state/#Packaging)**
****
? ? ???**[性能與優化](http://www.w3.org/2012/08/mobile-web-app-state/#Performance_.26_Optimization)**

? ? ? 轉載請注明:來自[蔣宇捷的博客](http://blog.csdn.net/hfahe)
- 前言
- AutoPager的簡單實現
- 利用CSS3特性巧妙實現漂亮的DIV箭頭
- IE9在Win7下任務欄新特性簡介
- 瀏覽器九宮格的簡單實現
- Raphael js庫簡介
- 使用CSS3構建Ajax加載動畫
- 用CSS3創建動畫價格表
- 用CSS3實現瀏覽器的縮放功能
- 用純CSS3實現QQ LOGO
- 用CSS3創建旋轉載入器
- 使用Javascript開發移動應用程序
- 用HTML5創建超酷圖像灰度漸變效果
- 使用CSS3創建文字顏色漸變(CSS3 Text Gradient)
- 僅用CSS創建立體旋轉幻燈片
- 如何創建跨瀏覽器的HTML5表單
- 用CSS3實現動畫進度條
- HTML5 Guitar Tab Player
- 奇妙的HTML5 Canvas動畫實例
- 談HTML5和CSS3的國際化支持
- 實現跨瀏覽器的HTML5占位符
- 前端開發必備工具:WhatFont Bookmarklet-方便的查詢網頁上的字體
- 使用HTML5和CSS3來創建幻燈片
- HTML5之美
- 如何使用HTML5創建在線精美簡歷
- 以小見大、由淺入深-談如何面試Javascript工程師
- 快速入門:HTML5強大的Details元素
- 用CSS3實現圖像風格
- HTML5視頻字幕與WebVTT
- 用純CSS3實現Path華麗動畫
- 用3個步驟實現響應式網頁設計
- 遇見CSS3濾鏡
- 關于CSS3濾鏡的碎念
- 用純CSS3繪制萌系漫畫人物動態頭像
- CSS3新的鼠標樣式介紹
- 用HTML5獻上愛的3D玫瑰
- 對HTML5 Device API相關規范的解惑
- 如何使用HTML5實現拍照上傳應用
- 2012第一季度國外HTML5移動開發趨勢
- HTML5新特性:范圍樣式
- 百度開發者大會-《用HTML5新特性開發移動App》PPT分享
- Chrome 19對于HTML5最新支持的動態:電池狀態API,全屏API,震動API,語音API
- 遇見Javascript類型數組(Typed Array)
- 用HTML5 Audio API開發游戲音樂
- 用HTML5實現人臉識別
- 用Javascript實現人臉美容
- Chrome 20對于HTML5最新支持的動態:顏色輸入,網絡信息API,CSS著色器
- 用HTML5實現手機搖一搖的功能
- 用HTML5實現iPad應用無限平滑滾動
- 用非響應式設計構建跨端Web App
- 了解SVG
- HTML5圖像適配介紹
- HTML5安全:內容安全策略(CSP)簡介
- HTML5安全:CORS(跨域資源共享)簡介
- 用CSS3 Region和3D變換實現書籍翻頁效果
- 談談移動App的思維誤區
- Chrome新特性:文件夾拖拽支持
- 《關注HTML5安全》
- HTML5安全風險詳析之一:CORS攻擊
- HTML5安全風險詳析之二:Web Storage攻擊
- HTML5圖像適配最新進展:響應式圖片規范草案
- HTML5移動Web App相關標準狀態及路線圖
- HTML5安全風險詳析之三:WebSQL攻擊
- Chrome引入WebRTC支持視頻聊天App
- HTML5安全風險詳析之四:Web Worker攻擊
- HTML5安全風險詳析之五:劫持攻擊
- HTML5安全風險詳析之六:API攻擊
- HTML5安全攻防詳析之七:新標簽攻擊
- 在iOS Safari中播放離線音頻
- 使用WebRTC實現遠程屏幕共享
- Firefox、Android、iOS遇見WebRTC
- HTML5光線傳感器簡介
- HTML5安全攻防詳析之八:Web Socket攻擊
- HTML5安全攻防詳析之完結篇:HTML5對安全的改進
- 激動人心!在網頁上通過語音輸入文字 - HTML5 Web Speech API介紹
- Web滾動性能優化實戰
- 用CSS3設計響應式導航菜單
- 用HTML5構建高性能視差網站
- 漫談@supports與CSS3條件規則
- HTML5下載屬性簡介
- 如何開發優秀的HTML5游戲?-迪斯尼《尋找奧茲之路》游戲技術詳解(一)
- 如何開發優秀的HTML5游戲?-迪斯尼《尋找奧茲之路》游戲技術詳解(二)
- 趨勢:Chrome為打包應用提供強大新特性
- 從HTML5移動應用現狀談發展趨勢
- 基于HTML5的Web跨設備超聲波通信方案