一张出色的、有创意的H5页面能让一个品牌甚至是产品快速、有效地在朋友圈里传播，而这股“H5”力量，随着移动互联网的诞生，成为众多企业和商家追逐的目标，到底怎样才能制作出一个出色的H5页面呢，那么在制作H5页面的时候有哪些细节容易被忽视呢？小编总结如下：
一、左右滑动屏幕的手势
左右滑动屏幕是H5很常见的操作形式，在一些市场H5会使用刮刮卡，或者简单的切换下一页的左右滑动操作相信大家都见过，移动到右边的手势很容易触发苹果手机的跳到上一页的动作，会让苹果手机用户直接退出H5页面，再次进入需要重新浏览的页面。这些手势设置将极大地影响苹果的观看体验。
二、屏幕显示效果
建议不要采用H5制作，采用横屏结构显示，理由之一，大多数用户设备习惯于设置手机垂直屏锁定，H5横屏显示需要打开屏幕旋转功能才能正常浏览，用户操作比较麻烦。其次，现在手机的屏占比各有千秋，不同型号的手机屏幕长宽比例不一，无法显示出优先效果。
三、动作按钮设置
各H5功能按钮较好不要设置在页面底部，很多机型的屏幕底部都有隐藏的按键，将H5的功能按钮设置为底部的时候，手机系统本身的按键很容易被系统的按键挡住。
四、多个音乐同时放在一起
因为系统的限制，Android只能同时播放一段背景音乐。iphone5在IOS系统中是没有限制的，比如iphone5在播放背景音乐的同时还能播放各种互动音效，通常，Android上的H5只会播放背景音乐，在特殊情况下，可先暂停背景音乐，再播放交互式音效，音效播放完后再播放背景音乐。
五、图片请尽量压缩
照片是页面的重要资源，除了常用的PS压缩图片外，推荐大家使用一些在线压缩工具，在这里可以压缩到页面中的常用图片，比如.png和.jpg等，并且可以拖动一组图片，压缩后还可以一键下载，效果也很棒~。
总结起来，以上就是H5制作中容易被忽视的细节，如果以上的细节都做到了，那么你的H5页面将非常出色。
