html5页面的app,H5页面与APP页面的区别

原标题:H5页面与APP页面的区别

cc87fbfee81e972a17272c6d00bb41e4.png

H5,指的是HTML5,很多人都认为他是一种技术。在做网络开发时,都会问有没有做H5,但其实并不是一项技术,而是一项标准,其中所包含的技术主要有页面素材预加载技术,音乐加载播放技术,可以滑动的页面,可以涂抹擦除,有动态的文字和图片,可以填表报名,可以支持分享自定义的文案和图片等一系列技术。

所以我们在谈论H5的时候,他实际上是一个解决方案,一个看起来酷炫的移动端onepage网站的解决方案。而这个解决方案不仅包含了HTML5新增的audio标签,canvas,拖拽特性,本地存储,websocket通信,同时也包括了盒模型,包括绝对定位,包括一切前端的基本知识。

87de1941216489f2dc267058083f9c7c.png

APP则指的是一项应用软件,与H5有很大的区别。首先,APP和H5页面相比,拥有较少的页面跳转。网络环境一致的情况下,H5页面渲染是需要调取服务器的,但是APP的渲染在本地,所以H5页面跳转更费力,不稳定感会强一些。所以H5页面想要减少跳转的话,一般都会使用交互技巧来隐藏文字。

其次,H5页面页面展示空间比APP小,给使用者带来的记忆负担大于APP。人的大脑能短期记忆,但是这样的记忆是不稳定的。如果用户在滚动翻阅屏幕的过程中,需要临时记忆的信息越多,他们的表现是会越差的。现在,只有很少的人会有耐心慢慢看完长长的内容,H5页面相对于APP而言,多了浏览器导航所占用的屏幕空间。

0b2cc5ddd948b34606b6b0f557162784.png

H5与APP相比的优势在于H5页面可以随意的分享,而且迭代是很方便的,不同的系统只要适配一次即可。但是APP的每次迭代需要在不同系统基础上迭代。

H5页面与APP导航设计不同。H5页面使原有底部导航消失,有效的导航遇到挑战。在设计要考虑导航设计,顶部底部或左右侧,还要考虑如何快速跳转回重要页面,导航快捷键:如顶部固定位置、悬浮圆圈或非首屏时页面右侧悬浮。而APP的导航更直接方便。

034559f0fa70fd291a809e7184cd7417.png

总之,H5页面其实基本能完成APP的所有效果,但是它局限于浏览器这种打开方式,而APP可以直接打开使用,方便一些。返回搜狐,查看更多

责任编辑:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值