作者：杨伟
[摘 要] 移动互联网的快速发展和普及，带动移动设备走向了更广泛的市场，在人们的生活中占据着越来越重要的作用，与此同时，APP的开发与应用也成为一项很重要的工作，为了满足人们对它开发的Web APP适用于各种移动设备和操作系统的需求，基于HTML5的移动应用大量涌现，从HTML5的优势以及HTML5-App的定义及特点出发，简单介绍了HTML5-APP 手机网站开发的种类以及技巧。
[关 键 词] HTML5；手机网站；开发技巧
[中图分类号] G712 [文献标志码] A [文章编号] 2096-0603（2017）26-0177-01
移动互联网技术是一种新型技术，将手机和互联网技术相结合。移动互联网最显著的特点就是移动性，通过移动设备，人们随时随地可以获取想要得到的信息[1]。同时，移动操作系统呈现iOS、Android、Windows Mobile等多个系统共存的局面，开发者如果要迅速地开发某种应用，就需要一种高效且通用的开发技术，且对Web开发提出了进一步的新的需求和挑战。HTML5技术的各种新特性和跨平台特点正好迎合了移动平台多样性的需要，使用HTML5技术将使快速开发各种移动互联网应用成为可能，从而更好地促进了移动互联网的发展和移动应用的推陈出新。
早期的HTML在非常长的时间内被人们认为是一种效率低下且功能简单的网页开发技术。HTML5的诞生，为移动Web功能提供了更多的支持和可能。HTML5标准草案最初发布于2008年，而后被各大浏览器厂商跟进，包括Chrome、IN/OperaSafari等。
一、HTML5的优点
1.HTML语言是当前网站编程最为广泛使用的语言，具有易用、快捷、跨浏览平台等特点。HTML5弥补了上一代HTML的不足。
2.HTML的开发及维护成本低。页面小而减少了用户不必要的流量支出；耗电量低，延长了用户的待机时间；使用中直接更新离线缓冲模式，方便用户升级。
3.HTML5的开发过程基本上是站在浏览器肩膀上进行的，方便跨平台移植，所有解析均在客户端浏览器上完成，彻底解决了设备差异造成的开发难题。
二、HTML5具有的巨大优势
（1）“一次开发，多平台使用”是对HTML5快速开发应用的最准确概括。（2）HTML5使固定端与移动端的连接成为可能，它们不再只是两个单独的个体，这使资源和数据得以更好地共享与传递。（3）丰富了应用发布的渠道和方式。（4）丰富了盈利的模式和方法。
三、HTML5-APP的定义
Web App是一种新的应用安装和使用方法，区别于传统的Native App安装方法。用户可以直接通过APP链接在手机浏览器上打开相应的应用网址，生成快捷方式，浏览器自动下载离线缓冲就可以使用了，这种方式即开即用，方便灵活，能为用户带来全新体验。
四、HTML5-APP的特点
HTML5的强势发展、智能手机的迅速普及，以及优质的用户体验都极大地促进了Web App的发展。与Native App相比，Web App开发具有诸多优势[2]。首先，无需下载安装，只需浏览器即可使用；其次，一次开发多次使用，App开发成本低，方便发布；再次，APP升级的过程得到极大简化。最后，从根本上来说，，它就是一个站点，所以维护的過程也并不复杂，就如同一般的网页。
五、HTML5-APP手机网站开发技巧的应用
基本上开发手机网站，可大致分为两大类。一类是用框架开发手机网站，一类是自己手写网站。
（一）框架开发手机网站
通常来讲，开发一个完整的Web应用设计到的前端技术包括UI框架、mvc框架和工具库。很多大型的前端框架如YUI、closure Library和Dojo等会包含上面这些东西。在UI层上，目前已经有许多框架可供选择。BootStrap、jquery monile和Foundation是其中的代表。
如果希望基于HTML5来开发界面，但是又需要访问移动操作系统未开放给浏览器的功能，那么可以尝试一些平台兼容层的功能（如phonegap），PhoneGap是一个免费的开源移动框架。它能够让Web技术HTML、JS和CSS创建跨平台的移动应用。
（二）手写手机网站
基本上可以划分为两类。一类是通过在HTML5的网页头部添加meta标签进行实现。另一类是通过CSS3的Media标签来实现。
CSS主要用于在网页制作时，对页面中的元素进行样式设置，从外观和格式上进行控制，使页面的布局、字体、颜色和其他效果更完美。CSS3是CSS技术的升级版本，朝着模块化发展，加入了更多新的模块。
六、结语
HTML5技术的不断发展面临着机遇和挑战，但目前移动Web App的开发与应用越来越受到欢迎，市场前景较好。相信在未来HTML5将会有更加广阔的发展空间，为用户带来全新的体验。随着时代的进步和网络技术的发展，一场重大的网络变革正在酝酿，并将在不久的将来向我们席卷而来，只有顺应时代的发展，不断进步，积极创新，才能跟上时代发展的步伐。
参考文献：
[1]杨栋梁.移动互联网发展趋势的研究[J].电脑知识与技术，2015（5）：1039-1042.
[2]黄海玲.HTML5Web技术下的APP快速开发分析[J].无线互联科技，2016（8）：59-62.
