据我所知目前各大应用里面，纯 HTML5 开发整个界面的基本没有，大部分都是说，基本是原生界面，部分内容用 H5 的方式来展现，这个才是主流。
创新互联建站是一家专注于成都网站设计、成都网站制作与策划设计,塔河网站建设哪家好?创新互联建站做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:塔河等地区。塔河做网站价格咨询:028-86922220
未来会是朝哪个方向发展呢？答案肯定还是朝原生的方向发展，因为现在用户对手机的交互越来越挑剔了，而 H5 的方式你很难做到非常流畅。即使是当前流行的混合开发技术，像 facebook 出现的 react native，它用 H5 写代码，但渲染出来的是原生界面，所以大家都是在追求流畅的交互和体验，如果将这个作为目标的话，作为iOS开发者以及原生系统的开发者，应该是需求越来越多的，纯 H5 开发的项目基本上已经没有了。
当然，我还是希望各位 iOS 开发者能够多接触一些 H5 的知识，在工作中多多少少还是会涉及一些混合开发的界面，如果你懂这些知识，会很大程度上帮助你。
html5就是做网页的，
用html5做好网页版的软件后 用PhoneGap 打包成apk，就能在安卓上安装运行。
需要的，因为现在好多的安卓程序或者游戏都是使用html5来实现的，使用原生的安卓实现也是有的，如果两者都会的话就需要学习js html5 css相关的技术的
现在学html5开发手机应用前景好吗
随着移动互联网的一路猛歌，web得到了更大的发展机遇。
而web行业把重大的希望都寄托于html5，虽然html5仅仅是一项基于web的技术标准。
移动互联网迫使一些传统的互联网浏览器厂商不得不做改变，不管哪个移动端操作系统，浏览器内核技术达到了前所未有的统一，大部分都使用
wbkit内核，移动的浏览器一开始就支持最新的html5(pc时代无法做的)。90%以上的手机支持html5，Html5提升了浏览器客户端的开发
能力，这种提升是质的变化。使客户端更加丰富。
移动领域让html5发挥了价值，html5+css+js在pc端和移动端是高度一致的，也就是能很好的把pc端的浏览形态嫁接到移动端。
phonegap等工具可以很好的考虑操作系统的兼容问题，就能在多平台开发，一次开发全部搞定，这样成本，时间大大降低(趋势总是更偏爱效率)。对于刚
起步的小公司来说是非常有意义的。不过为了兼容还是需要牺牲一部分的性能，但是web应用和原生应用的差异会变得越来越模糊，随着的本身的内存，cpu等
硬件越来越快，网速从2G到4G到wifi越来越快，这种性能上的劣势会越来越不明显。
Html5相对于html增加了多媒体，动画游戏，离线应用，数据存储，语义化定义，地理信息，支持websocket通讯等大大提高了html的功能。相信以后会有更加多元的功能加入。
乔布斯，扎克伯格都是力挺html5的，虽然在2012年因为html5体验和性能问题，扎克伯格曾说“在html5上下赌注太多，在本地下注
太少。”那时让很多html5支持者感到迷茫。但随着移动端的蓬勃发展，硬件设备的不断提升，上网速度的越来越快，html5技术的越来越成熟，越来越被
开发商，大众所接受。他的态度也发生了改变。Facebook在W3C HTML5小组的顾问委员会代表Tobie Lanel，给所有Facebook
HTML5相关的开发者发送了一封题为“扎克伯格关于HTML5的言论的真正含义”
的群体邮件，代表Facebook官方解读了Facebook对HTML5的态度，Tobie重新解读了这可伯格现场的采访录音，扎克称Facebook
过去几年在HTML5上押注太多，因为时机并未成熟。但他同时又称HTML5的未来从长期看令人兴奋。
1、前景不用说很棒
2、个人觉得html5是上手比较容易，后期会相对难一点
3、答主现在都是自学的，买几本好的书，看看视频。学一样东西最好能让自己先爱上它，心得。
4、ios和安卓是大系统，html5是其中一种开发系统的语言。
H5开发安卓界面需要注意以下三点：
（上）包括Android设备多分辨率的问题，Android中构建HTML5应用程序基础
（中）包括Android与JS之间的互动，Android处理JS的警告对话框等，Android中的调试
（下）包括本地储存在Android中的应用，地理位置的应用，离线应用的构建
进入正题
● Android设备多分辨率的问题
Android浏览器默认预览模式浏览 会缩小页面 WebView中则会以原始大小显示
Android浏览器和WebView默认为mdpi。hdpi相当于mdpi的1.5倍 ldpi相当于0.75倍
三种解决方式：1 viewport属性 2 CSS控制 3 JS控制
1 viewport属性放在HTML的meta中
html代码：
span style="font-size: x-small;" head
titleExmaple/title
meta name=”viewport” content=”width=device-width,user-scalable=no”/
/head/span
meta中viewport的属性如下：
span style="font-size: x-small;" meta name="viewport"
content="
height = [pixel_value | device-height] ,
width = [pixel_value | device-width ] ,
initial-scale = float_value ,
minimum-scale = float_value ,
maximum-scale = float_value ,
user-scalable = [yes | no] ,
target-densitydpi = [dpi_value | device-dpi |
high-dpi | medium-dpi | low-dpi]
"
/
/span
2 CSS控制设备密度
为每种密度创建独立的样式表（注意其中的webkit-device-pixel-ratio 3个数值对应3种分辨率）
html代码：
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" /
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" /
link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 0.75)" href="ldpi.css" /
3 JS控制
Android浏览器和WebView支持查询当前设别密度的DOM特性
window.devicePixelRatio 同样值有3个（0.75,1,1.5对应3种分辨率）
JS中查询设备密度的方法
js代码：
if (window.devicePixelRatio == 1.5) {
alert("This is a high-density screen");
} else if (window.devicePixelRation == 0.75) {
alert("This is a low-density screen");
}
Android中构建HTML5应用
使用WebView控件 与其他控件的使用方法相同 在layout中使用一个WebView标签
WebView不包括导航栏，地址栏等完整浏览器功能，只用于显示一个网页。
