甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
HTML5的APP，指的是使用HTML5技术实现的，功能与交互类似于APP的移动端网站。
创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：做网站、网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的霍林郭勒网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！
原生APP，指的是使用iOS或Android开发语言实现的APP（iOS开发语言为Object C、Android开发语言为Java）
使用HTML5技术与Object C / Java语言合并开发的应用被称为“Hybird APP”。
此外，2015年Facebook出品了可用于JavaScript开发的移动端原生应用 - React Native，React Native实现了对iOS和Android两大平台的支持。
HTML5技术目前并不广泛应用于APP的开发。
想了解他们之间的区别，先看一下各自的简单定义吧。
app:主要是指application（应用程序）
HTML是hypertext markup language（超文本标记语言）
主要区别有
1.应用环境：
手机原生app面前比较流行环境是Android和IOS两个版本。
HTML5主要是在浏览器中进行运行和渲染，其实浏览器是App的一种。
2.相关编程语言：
移动APP的编程语言一般是：c#,Java, c,vb 等...
HTML5的编程语言则是：html5,css3,javascript,php/jsp/asp 等...
3.开发成本和周期：
移动APP相对来说开发成本比较高，周期也比较长。html主要应用于前端web开发，开发制作周期短，费用少。
4.兼容性
手机app在不同的系统中需要开发不同版本（例如前面所说的Android和IOS），而html5可以跨平台主要有浏览器就可以运行。
5.用户体验。执行效率，显示效果，可以调用的系统权限都是不一样的。
在用户体验和表现这个方面 APP提供用户展示图形界面和数据展现的丰富性方面要比HTML5好。而且调用的系统权限APP相对权限要高。
总结：html5和app各有自己优势和不足，需求者应该根据各自的特点来选择合适的语言。
我们口中常说的开发APP都是使用编程语言开发的APP，有前后端，有代码。是需要付出大量的时间和金钱的，还需要人工维护，市场上开发一个APP的价格，根据功能不同，价格相差很大，有些模板开发可能几千块就搞定了，有些源码开发十几万。
而网站封装打包的APP其实只是给网站套一个APP的壳子，它本质还是网站，这个封装出来的APP本身是没有后台的，只有网站后台，它可以像普通APP一样安装在手机上，但打开之后是网页。
很多不想花精力开发APP的企业通常会选择使用网站封装“快速开发”一个APP，因为这样非常简单，很多开发者服务平台在这方面都提供免费服务的，自己操作一分钟不到就搞定了。
登录亥著开发者中心，大家可以用自己的手机号注册账号。
点击“封装APP”
输入自己的网址，选择需要封装的系统，可以自己做图标和启动图，也可以选择平台现有的。
根据需求选择功能插件，如果不需要可以不选。
这样就封装好了
我们先来看看APP：伴随智能型移动终端的迅速崛起，使得App蔚为新世代宠儿，不仅满足了广大消费者之于食衣住行育乐等日常生活所需，对企业而言，更是赖以扩散创新应用服务，并与用户互动的主流路径；正因如此，不论是隶属于信息服务范畴的IT软硬件开发商或内容供货商，乃至于一般企业用户，显然都无法自外于这股趋势潮流。
再来看看Html5：近两年来，HTML5的发展势头确实很猛，甚至都出现了很多言论说：HTML5终将取代原生app，app终将消亡的言论。HTML5确实有着很多的优点，但是原生APP的开发也有着自己的优势。现在我们来对比一下HTML5和原生APP开发的优缺点。
1、在跨平台上，HTML5胜出
HTML5采用网络通用语言，不用考虑终端设备或者操作系统的不同。目前，W3C(万维网联盟World Wide Web Consortium，简称W3C)正在与汽车业、出版业、电视业进行讨论，将web引入新的设备平台中。随着平台逐渐丰富，这方面的成本问题将会日益凸显。
2、在用户体验和表现上原生APP开发胜出
在用户体验和表现这个方面，HTML5仍然面临着不同移动终端设备本地浏览器的功能接入问题，同时在提供用户展示图形界面和数据展现的丰富性方面还有不足，继续得到提高。
3、在开发速度和成本方面，HTML5胜出
HTML5的开发确实比原生开发更节省时间和人力，开发周期相对较短，人力投入也比较少，毕竟HTML5有着跨平台带来的无可比拟的好处。不需要投入两个团队或者更多的人去开发。
4、在版本控制和BUG修复方面，HTML5胜出
HTML5是web网页端的内容，如果出现BUG可以不用迭代版本，只需在后台修改即可修复bug，这是原生APP开发所不能做到的。
5、在变现能力方面，原生APP开发胜出
原生应用的分发平台，如App Store和Google Play，目前是获得收入的较为成熟的商业模式;而HTML5应用，除了付费下载以外，还没有形成其他成熟的商业模式。
6、对于碎片化挑战而言，HTML5胜出
尽管二者同样面临着严重的碎片化问题，不过HTML5先天具备的跨平台特性，可以在这方面占据先机。
虽然通过对比，原生APP开发略站弱势，但是原生APP的优势确实有的是不能被HTML5所代替的。或许将来的某一天HTML5的发展会很好，能力，技术已达到一个好的地步，能够替代原生APP的的先天优势，那你为什么不会去想象原生APP的开发也是一直在进步的呢？当然这仅是小编个人观点，时代在变化，尤其是在这移动互联网时代更是这样。
但是就目前状况来说，最好的开发模式是两种技术混合使用。比如同时在一个app中，使用原生的框架加载html5的内容之类的。要用变化的眼光看世界，世界上没有什么时候是绝对的。其实原生APP和HTML5决胜的关键就是：谁能打破分配、货币化、平台制约、网络影响力、功能性的瓶颈，谁就赢了。
达内Java培训专家提醒Html5和原生APP各占优势，结论就是：
1、预算有限的情况下，建议选择HTML5技术;
2、用户体验要求高的情况下，更适合原生技术;
3、开发速度要求快的情况下，建议选择HTML5技术;
4、必须用到某个HTML5不支持的系统功能的情况下，适合原生技术
不一样，需增加自适应标签来保持一样。
代码如下：
meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/
解释：Viewport指用户网页的可视区域，content中的“width”指的是虚拟窗口宽度，上面代码意为虚拟窗口/页面宽度初始比例为1，最小比例为1，最大比例为1，用户不可扩展，页面不可缩放。
扩展资料：
HTML5的事件属性和异常处理
事件属性
HTML 5 元素可拥有事件属性，这些属性在浏览器中触发行为，比如当用户单击一个HTML 5元素时启动一段 JavaScript。下面列出的事件属性，可以把它们插入 HTML 标签来定义事件行为。
HTML 5 中的新事件属性：
onabort， onbeforeunload， oncontextmenu， ondrag， ondragend， ondragenter， ondragleave， ondragover， ondragstart， ondrop， onerror， onmessage， onmousewheel， onresize， onscroll， onunload。
APP和HTML5有啥区别：
1.html5的app比较轻巧，原生态app如比较正规，html5实现的功能有限，只能实现一些轻型的交互场景，而app则可以完美解决。
2.html5虽然可以跨平台，可是浏览器有个加载速度，对于用户体验上说，有个加载的等待，就比如你用qq浏览器打开百度，和直接使用百度app是两种体验。浏览器打开百度，还得有个加载，而百度app则duang的出下了输入框界面。
3.html5的app对于导航来说，目前有个弊端。而原生态app则在页底固定悬浮着导航菜单。
4.html5 app也有自己的优势，比如有的app页面想要分享出来，则采用html5 app。也比如滴滴打车集成在微信里一样，如果手机中没有滴滴打车的app，则直接可以在默认浏览器上加载出来，进行打车。
html5 app在设计时需要注意的一些要点：
1）各手机浏览器的兼容测试
2）底层服务的调取（能调取，但只有当其是核心功能时才保留 eg：新浪、美团等皆去掉了头像上传功能）
3）注意离线数据存储，减少数据请求频率。
4）考虑保存用户的哪些数据：设置、个人数据、阅读锚点、跳出页面等。【这点一般说的就是导航菜单】
5）避免动效与浏览器的交互冲突
6）按顺序 异步加载