想了解他们之间的区别，先看一下各自的简单定义吧。
创新互联公司长期为近1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为黔江企业提供专业的网站建设、成都做网站，黔江网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。
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，你必须要在androidManifest.xml中配置的filter中data的属性表述。
data
android:pathprefix="/taoge/open" android:scheme="xttblog"/data
androidManifest.xml
代码如下：
XML/HTML Code
?xml version="1.0" encoding="utf-8"?
manifest xmlns:android=""
package="com.taoge"
android:versionCode="2"
android:versionName="3.24.03"
uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="17" /
application
android:allowBackup="true"
android:configChanges="orientation|screenSize"
android:icon="@drawable/logo"
android:label="@string/app_name"
android:logo="@drawable/logo"
android:sharedUserId="android.uid.system"
android:theme="@android:style/Theme.Light.NoTitleBar"
activity
android:name="xttblog.WelcomeActivity"
android:excludeFromRecents="true"
android:screenOrientation="portrait"
android:theme="@android:style/Theme.Light.NoTitleBar"
intent-filter
action android:name="android.intent.action.MAIN" /
category android:name="android.intent.category.LAUNCHER" /
/intent-filter
intent-filter
action android:name="android.intent.action.VIEW" /
category android:name="android.intent.category.BROWSABLE" /
category android:name="android.intent.category.DEFAULT" /
data android:pathPrefix="/taoge/open"
android:scheme="xttblog" /
/intent-filter
/activity
activity
android:name="xttblog.AntRepairActivity"
android:label="@string/title_activity_ant_repair"
/activity
/application
/manifest
其次，你要在你的网页中访问xttblog://taoge/open。可以使用的元素有很多，如：script，iframe，img等。使用它们的src属性，访问xttblog://taoge/open。html5代码如下：
XML/HTML Code复制内容到剪贴板
!DOCTYPE HTML
html
script
function openapp(){
document.getElementById('xttblog').innerHTML='iframe src="xttblog://taoge/open"/iframe';
}
/script
body
div style="display:none;" id="xttblog"/div
input type="button" value="打开app" onclick="openapp();"
/body
/html
我推荐你去下载一个HBuilder，里面自带mui开发框架和demo示例。
只要你直接新建一个移动APP项目，然后选择mui模板，根据示例你可以自己开发自己的APP；
mui里面的功能很接近安卓、苹果的功能，滑动、重力传感、测速等功能mui功能已经封装好了，你只要调用就行了
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）按顺序 异步加载
我们口中常说的开发APP都是使用编程语言开发的APP，有前后端，有代码。是需要付出大量的时间和金钱的，还需要人工维护，市场上开发一个APP的价格，根据功能不同，价格相差很大，有些模板开发可能几千块就搞定了，有些源码开发十几万。
而网站封装打包的APP其实只是给网站套一个APP的壳子，它本质还是网站，这个封装出来的APP本身是没有后台的，只有网站后台，它可以像普通APP一样安装在手机上，但打开之后是网页。
很多不想花精力开发APP的企业通常会选择使用网站封装“快速开发”一个APP，因为这样非常简单，很多开发者服务平台在这方面都提供免费服务的，自己操作一分钟不到就搞定了。
登录亥著开发者中心，大家可以用自己的手机号注册账号。
点击“封装APP”
输入自己的网址，选择需要封装的系统，可以自己做图标和启动图，也可以选择平台现有的。
根据需求选择功能插件，如果不需要可以不选。
这样就封装好了
你说的这个主要制作思路是使用响应式设计，结合html5和css的一些特性制作（主要是css3的媒体检查，根据不同视口载入不同样式），但制作出来的东西能否被称为手机app，这个还要看功能，如果你制作出来的东西能完成某些功能或者某种任务，这能被叫做webapp，如果不能就不要叫什么app，最多算是一种手机展示方式。
至于安卓和ios版本的问题，考虑主要是图片分辨率的问题，区别不大。
