开发移动端应用有几种方式，可以采用原生方式，也可以采用Web技术来开发。与原生方式相比，Web技术只需要使用HTML、CSS和Javascript就可以开发移动端应用，节省了开发成本，提高了开发效率，对于研发人员来说，也绕开了不少技术困难。HTML5本身是支持Android、iOS等移动平台的跨平台语言，所以在开发移动端应用时具有更大的优势。
当前主流的手机开发平台有：iOS、Android等。其中，iOS平台需要针对480×320、960×640及1024×768像素的分辨率分别设计；Android平台中QVGA分辨率为240×320像素及更高，即使同一个平台，分辨率不同，设计也会有相应的差异。加之客户端产品需要不断地更新迭代，从1.0版本、2.0版本一直到N.0版本，每开发一次Native App就需要重建一次平台。而且现实状况是并非所有用户都会积极更新新的版本，所以设计师和开发人员在研发新功能的时候还要顾及之前的旧版本会不会支持等问题。不同的平台加上不同的版本，大量人力物力被投入到了铺设平台的工作中，提高产品用户体验的精力就变得比较有限。
于是人们受够了终端设备碎片化的折磨，开始期盼着一种有别于Native App的事物出现，而由HTML5技术开发的Web App的出现满足了这种愿望。HTML5技术的渲染过程主要是由浏览器、内嵌HTML5解析器的应用程序、支持书签打开方式的应用程序或移动手机产品进行的。如此，产品的上线和版本更新不再需要花费那么长时间来铺平台，Appcelerator的内部逻辑会将产品的UI转换为iOS或Android等平台的原生界面。同时，Web App形式的产品不需要用户下载更新，通过网络即可以访问最新版本，也便于设计师和开发人员调试和修正错误，不再存在兼顾新旧版本的问题。
在苹果、谷歌及微软等公司的积极倡导下，HTML5技术进步神速，Web App可以实现的效果越来越丰富，很多Web App已经可以和Native App相媲美了。
对于未来几年里HTML5的发展前景，概括来说，将会有很多公司进入HTML5这个领域，HTML5也会像传统的Flex、Flash、Silverlight和Objective-C那样，形成一套自己独有的生态系统。HTML5将会比Flex、Flash、Silverlight和Objective-C更容易出现在任何一个终端设备中。对于年轻一代的开发者，HTML5会成为他们的首选技能，有很多公司都会需要这方面的人才。到目前为止，越来越多的行业巨头正不断向HTML5靠拢。除了苹果、微软、黑莓之外，谷歌的Youtube已部分使用HTML5；Chrome浏览器宣布全面支持HTML5；Facebook则不遗余力地为HTML5进行着病毒式传播。一切正如正益无线总裁王国春所说：“HTML5代表了移动互联网发展的趋势，总有一天它将成为主流技术”。所以，HTML5作为一个前端的编程语言，其发展前景是非常好的！
我们还可以从以下方向中看到HTML5的发展前景。
（1）手机页游的3D化是大势所趋。随着硬件能力的提升、WebGL标准化的普及以及手机页游逐渐成熟，大量开发者需要创作更加精彩的3D内容。
（2）HTML5移动营销出现更多新玩法。游戏化、场景化、跨屏互动，HTML5技术满足了广告主对移动营销的大部分需求，从形式到功能，再到传播。(www.chuimin.cn)
（3）动漫、二次元。HTML5技术的成熟，将带来动漫产业的升级。动漫元素本身可通过HTML5来强化创意，动漫形式将具有富媒体的高度交互、MV影音功能，为读者提供更加场景化的阅读体验。
（4）轻应用、Web App、微站。HTML5开发移动应用更灵活。采用HTML5技术的轻应用、Web App，以其开发成本低、周期短、易推广等优势，将迅速普及。
（5）移动视频、在线直播引领视频升级。HTML5技术将会革新视频数据的传输方式，让视频直播更加高清流畅。而且，视频还将与网页真正地融为一体，让用户看视频如浏览动态图一般简单轻松。
（6）资源复用，HTML5重新洗牌IP市场。
（7）影游互动，HTML5推动泛娱乐产业发展。
（8）Web VR让VR从贵族走向大众化。
（9）微信很有可能会推出HTML5应用市场。
有关HTML5实战宝典的文章
1995年11月，IETF发布了HTML 2.0，它是HTML最早的规范。1996年的1月，W3C 推出 HTML3.2。在之后三年的时间内，W3C 对HTML做了很多改进，并相继发布了几个版本。与此同时，W3C还在继续研究XHTML。2006年，W3C选择开发HTML5，自己成立了HTML5的工作组，它在WHATWG研发的HTML5 的基础上研究。2008年，W3C发布了 HTML5的草案，这是HTML5的最初版本。2013年，大部分的手机都开始支持HTML5的应用。终于，经过8年的艰辛研究后，在2014年10月29日，W3C宣布HTML5的标准规范制定完成。......
2023-10-28
基于Flash，Adobe Flash通过自己的Socket完成数据交换，再利用Flash暴露出相应的接口为JavaScript调用，从而达到实时传输目的。在此背景下，基于HTML5规范的，有Web TCP之称的WebSocket应运而生。直到2014年，HTML5正式从草案落实为实际标准规范，各个应用服务器及浏览器厂商逐步开始统一，在JavaEE 7中也实现了WebSocket协议，从而无论是客户端还是服务端的WebSocket都已完备，读者可以查阅HTML5规范，熟悉新的HTML协议规范及WebSocket支持。......
2023-10-28
Cookies从JavaScript出现之初就一直存在，所以在Web上存储数据并不是个新概念。localStorage对象负责存储长期的数据。这两种存储对象具有相同的方法和属性。为了获得一致性，本书在所有的示例中使用的都是localStorage对象。HTML5 Web存储的浏览器支持十分实用，但是，较旧的浏览器需要在使用之前检查Web存储支持的浏览器。这种检查非常简单，可以使用一个简单的条件语句来查看HTML5存储对象是否已经定义。......
2023-10-28
本章重点知识4.1 File API4.2 HTML5拖拽事件4.3 dataTransfer对象4.4 利用拖拽效果完成上传功能对文件的处理和上传等操作一直是Web开发中的一项重要环节,比如在填写个人信息时的头像上传，或者是邮件的上传等。拖拽的文件也可以由File对象接收到，也就是说，我们现在可以直接通过HTML5实现拖拽文件上传功能了！......
2023-10-28
Canvas给我们提供了绘制文字的方法。该属性的用法与CSSfont属性使用方式相同，例如：font属性的默认值如表7-9所示。通常，文本会从指定位置开始，不过，如果您设置为textAlign="right"并将文本放置到位置150，那么会在位置150结束。表7-10表7-11图7-24演示了textAlign属性值对齐方式。图7-24textBaseline属性设置或返回在绘制文本时的当前文本基线。表7-13strokeText()方法在画布上绘制文本。文本的默认颜色是黑色。表7-14代码清单：绘制文本效果如图7-26所示。......
2023-10-28
Canvas在HTML5中是一个非常强大的元素，接下来，我们开始去学习它。要使用Canvas来绘制图形必须在页面中添加Canvas的标签。而在样式表中修改Canvas标签宽高属性则是对它的内容进行缩放,如果比例与Canvas本身比例不一致会导致图像的扭曲。如果出现扭曲可以通过调整Canvas标签属性width、height来确保比例一致。使用Canvas画布请使用一个代码编辑器，新建一个HTML5的基本文档。我们需要在
标签中放置一个Canvas元素。代码清单：HTML中添加Canvas标签如果浏览器支持，效果如图7-1所示。......2023-10-28
接下来，我们来认识一些新增type属性：1.email输入类型说明：此类型要求键入格式正确的Email地址，否则浏览器是不允许提交的，并会有一个错误信息提示。格式：效果展示如图3-12所示：图3-127.tel输入类型说明：此类型要求输入一个电话号码，换行符会从输入值中去掉。因为不同国家不同地区的电话号码差别明显，所以想要添加更多限制可以使用下一节会讲到的pattern等属性。......
2023-10-28
值为Boolean类型，一个文档中只能有一个表单控件具有此属性。格式：3.novalidate属性说明：此属性定义form或者某个input标签被提交时不用经过表单验证。格式：4.autocomplete属性用于指示input元素是否能够拥有一个默认值，这个默认值是由浏览器自动补全的。这个设定可以被属于这个form的子元素的autocomplete属性覆盖。......
2023-10-28
相关推荐