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

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

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

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

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

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

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