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

原标题&＃xff1a;H5页面与APP页面的区别

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

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

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

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

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

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

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

责任编辑&＃xff1a;