h5页面正逐渐受到更多人的关注和喜爱，而本期乔布小编就将与大家聊聊h5页面和app及普通页面之间的区别，有兴趣的伙伴们不妨静下心来了解学习一下。

Part1：你知道 h5页面是什么意思 吗？

所谓h5页面，即代表的是如今大部分浏览器已经支持html5页面。它有强化Web 网页的表现性能以及追加本地数据库这些Web 应用功能的优势。广义论及的html5实际指的是包含了html、CSS以及JavaScript在内的一套技术的组合。

Part2： 普通页面和h5页面的区别 在哪儿

为了能够体现它们的差异性，小编以微信内置浏览器和手机上的浏览器应用（safari、chrome）为例来比较一下：

1、最突出的差别是前端要注意分享功能，上线之前，每个页面基本都要review一边分享功能是不是完善的。

2、html5接口上的不同。safari和chrome的话提供的html5接口会更多，而微信内置浏览器的接口比较少。

3、开发、调试的问题。android chrome比较好，有远程调试功能。微信里面基本木有办法。遇到棘手的问题，一般会使用modernizr来做特性检测，或者使用远程log工具调试。

Part3：你知道 h5页面和app的区别 吗？

1、app和h5页面相比，拥有较少的页面跳转。网络环境一致的情况下，h5页面渲染是需要调取服务器的，但是app的渲染在本地，所以h5页面跳转更费力，不稳定感会强一些。

2、h5页面页面展示空间比app小，给使用者带来的记忆负担大于app。而且h5与app相比的优势在于h5页面可以随意的分享，迭代是很方便的，不同的系统只要适配一次即可。但是app的每次迭代需要在不同系统基础上迭代。

3、h5页面与app导航设计不同。h5页面使原有底部导航消失，有效的导航遇到挑战。在设计要考虑导航设计，顶部底部或左右侧，还要考虑如何快速跳转回重要页面，而app的导航更直接方便。

总的来说，h5页面比普通页面更符合用户体验，而h5和app相比，则各有千秋吧！今天小编就和大家聊到这儿啦！