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/)。
下面是该文档的主要内容。
--------------
![](https://box.kancloud.cn/2016-08-09_57a9aa53a37ab.png)
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)。
![](https://box.kancloud.cn/2016-08-09_57a9aa53b8140.jpg)
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)**
** ![](https://box.kancloud.cn/2016-08-09_57a9aa53cddf8.jpg)**
**[多媒体](http://www.w3.org/2012/08/mobile-web-app-state/#Multimedia)**
**
![](https://box.kancloud.cn/2016-08-09_57a9aa53ea24e.jpg)
**[设备适配](http://www.w3.org/2012/08/mobile-web-app-state/#Device_Adaptation)**
**![](https://box.kancloud.cn/2016-08-09_57a9aa540db78.jpg)**
**[表单](http://www.w3.org/2012/08/mobile-web-app-state/#Forms)**
**![](https://box.kancloud.cn/2016-08-09_57a9aa54279a6.jpg)**
**[用户交互](http://www.w3.org/2012/08/mobile-web-app-state/#User_interactions)**
**![](https://box.kancloud.cn/2016-08-09_57a9aa543da65.jpg)**
**[数据存储](http://www.w3.org/2012/08/mobile-web-app-state/#Data_storage)**
**![](https://box.kancloud.cn/2016-08-09_57a9aa5455d06.jpg)**
**[个人信息管理](http://www.w3.org/2012/08/mobile-web-app-state/#Personal_Information_Management)**
**![](https://box.kancloud.cn/2016-08-09_57a9aa546e480.jpg)**
**[传感器和硬件集成](http://www.w3.org/2012/08/mobile-web-app-state/#Sensors_and_hardware_integration)**
**![](https://box.kancloud.cn/2016-08-09_57a9aa5483d5e.jpg)**
**[网络](http://www.w3.org/2012/08/mobile-web-app-state/#Network)**
**![](https://box.kancloud.cn/2016-08-09_57a9aa549df61.jpg)**
**[通信与发现](http://www.w3.org/2012/08/mobile-web-app-state/#Communication_and_Discovery)**
![](https://box.kancloud.cn/2016-08-09_57a9aa54baf80.jpg)
**[封装](http://www.w3.org/2012/08/mobile-web-app-state/#Packaging)**
**![](https://box.kancloud.cn/2016-08-09_57a9aa54f23a3.jpg)**
**[性能与优化](http://www.w3.org/2012/08/mobile-web-app-state/#Performance_.26_Optimization)**
![](https://box.kancloud.cn/2016-08-09_57a9aa5516021.jpg)
转载请注明:来自[蒋宇捷的博客](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跨设备超声波通信方案