1.离线缓存为移动应用程序的HTML5开发提供了基础。HTML5WebStorageAPI可以看作是cookie的增强版。它不受数据大小的限制，具有更好的灵活性和架构。数据写入本机ROM，关闭浏览器再打开也可以恢复数据，减少网络流量。同时，该功能可以从另一个方向看成是后台的“操作记录”，不占用任何后台资源，减轻了设备硬件的压力，增加了操作的流畅性。在线APP支持边使用边下载离线缓存，也支持不下载离线缓存；而离线应用程序必须先下载离线缓存才能使用。说白了就是cookie保存电话号码和菜单。想吃就得叫外卖。需要多长时间才能到达取决于交通情况。离线缓存就是把食物直接存放在冰箱里，马上就可以吃到（当然，如果想吃到好吃的，也可以电话预约）。设计人员需要知道何时允许用户下载离线缓存（注意在线和离线应用程序之间的区别）。2、音视频可自由嵌入，多媒体形式更灵活。原生开发方式处理文本、音频、视频混合的多媒体内容相对繁琐。需要将文字、图片、音频、视频分开，解析对应的url，分别使用不同的方法。处理。HTML5在这方面是完全不受限制的，完全可以放在一起处理。设计者应该知道，在新闻、微博、社交应用的信息呈现中，如果不专门嵌入webview，而将文字和多媒体混合在一起，那将是一件很美妙的事情。困难。3、地理定位，随时随地分享位置充分发挥移动设备定位优势，促进LBS应用的发展。综合运用GPS、wifi、手机等多种方式，让定位更加精准灵活。地理位置定位，让定位导航不再是专属的导航软件，而且地图不需要下载非常大的地图包，可以通过缓存解决，去哪里下载更灵活。设计人员应该知道，嵌入LBS功能的应用越来越多，这也是移动设备相较于桌面PC的最大优势之一。HTML5可以进一步扩大这种优势。在应用程序中使用它！4.Canvas绘图，提升移动平台绘图能力使用CanvasAPI，可以简单地绘制热图，收集用户体验数据。支持图片移动、旋转、缩放等常规编辑。Canvas–2D绘图功能支持Canvas3D–3D绘图功能支持SVG–矢量图像支持设计师需要知道，如何移动、旋转和缩放图像？那太基础了，自己画个小case而已。至于怎么用，自己想吧！5.为移动平台定制的表单元素浏览器中出现的html5表单元素和对应的键盘：typepurposekeyboardText普通输入内容标准键盘TelphonenumbernumerickeyboardEmailemailaddresstextboxkeyboardwith@and.url网页的URL有.com和.键盘搜索用于搜索引擎，例如网站顶部显示的搜索框。只需声明即可完成不同风格键盘的调用，简单方便。设计师需要知道，用的时候记得告诉你的研发同事！6、丰富的交互方式支持交互能力的提升：拖拽、撤销历史操作、文本选择等Transition——组件移动效果Transform——组件变形效果Animation——添加移动变形动画支持设计者应该知道HTML5提供了多种互动方式，用不用由你决定！7.使用HTML5的优势降低开发和维护成本；缩小页面，减少用户不必要的支出；此外，更好的性能和更低的功耗；升级方便，即开即用***版本，无需重新下载升级包的麻烦，使用过程中直接更新离线缓存。设计师需要知道用户想要什么以及HTML5可以为用户提供什么。8、CSS3视觉设计师的辅助工具CSS3支持字体嵌入、layout布局，还有最令人印象深刻的动画功能。Selector–更灵活的选择器Webfonts–嵌入式字体Layout–多样的排版选项Stlyingradiusgradientshadow–圆角、渐变、阴影图像也为用户节省了带宽。设计师要知道，几十张素材图片在一个界面里的做法太过分了，让CSS3帮你偷懒吧。9、实时通信过去，由于HTTP协议和浏览器的设计，网站的实时交互非常有限，只能通过一些技术来“模拟”实时通信效果，但HTML5提供了完善的实时通信支持。设计人员应该知道，HTML5可以帮助您在应用程序中实现实时通信和信息内容的实时提醒。10.文件和硬件支持不知你有没有发现，在Gmail等新的网络程序中，已经可以通过拖拽的方式将文件附加到邮件中了？这就是HTML5存档功能中的Drag'nDrop和FileAPI。设计人员应该知道，移动应用中对数据传输的需求越来越大，传统的路径选择方式过于繁琐。快来试试HTML5的拖拽上传功能吧！11.语义语义网络可以使计算机更好地理解网页的内容，这对搜索引擎优化（SEO）或推荐系统等方面有很大帮助。设计人员需要知道HTML5将使搜索更快、更准确。12、双平台一体化APP开发方式，提高工作效率。从目前iPhone/Android市场份额快速增长的情况来看，如果以后要在高级智能手机上写应用，应该选择使用Objective-C+CocoaTouchFramework写iPhone/iPad应用就是选择Java+AndroidFramework编写Android应用程序。如果要同时支持两个平台，就必须维护两套代码，这对于刚起步的小服务来说是一个不小的负担维护成本。使用HTML5和CSS3编写基于Web的应用程序。如果想同时支持iPhone和Android，只需要维护一个代码（少部分需要根据客户端修改），如果以后的浏览器有其他支持HTML5的移动设备，同样WebApp直接有一个额外的支持平台。Google的系列服务使用了HTML5中的许多缓存、存储和数据库规范来实现离线访问程序的效果。因为移动设备的网络连接比桌面应用更不稳定，有时移动端没有可用的网络，这些技术让用户即使在没有网络的环境下也能继续使用你的webapp。这说明html5的主要服务对象还是针对web应用，不会对所有的app开发构成威胁，有利于针对不同类型的应用采用不同的开发方式，具有更大的灵活性。
