html5中的页面交互元素有哪些？

点击是最常用的手势，经常用于页面切换。点击指南可以作为评论，用户可以了解H5的内容，让用户按照H5的节奏操作。例如，在“把希望的种子带到北京”中，用户可以点击手势“检查手提箱”来详细查看H5设计的内容。

2、持续点击互动

连击交互在游戏中应用广泛。在游戏类别H5中，排名通常基于连续点击产生的数值相关点，而具有竞争力的H5可以进一步吸引用户参与。比如《漫威漫画电影十周年》灭霸游戏中，用户持续点击屏幕，10秒内的点击次数将计算全网排名。

3.长按互动

长按意味着用户根据H5指导长时间触摸页面。长按交互用户需要保持手指不动，在设计时提示H5回放进度参考，避免无聊。比如从腾讯公益的“敦煌未来博物馆”设计的风化过程来看，用户可以在手机上点击看到壁画经年累月的逐渐风化，也可以唤醒用户心中的文化保护意识。

4.滑动相互作用

拖动交互必须在长按交互的基础上滑动，从一点拖动到另一点可以让用户自己控制速度。适合图片显示的H5。比如睡姿比赛，用户可以拖动角色的肢体，创造出各种有趣的睡姿。

5.重力相互作用

重力交互是一种非常直观的表达方式，用户可以轻松到达H5取乐，这意味着手机硬件的升级为H5设计带来了更多的可能性。使用重力感应，陀螺仪，速度加速器和其他硬件，H5游戏被创新，以提高用户的代入感。比如《一场陆地风暴，极限挑战》上安装的赛车游戏，就是通过手机的重力感应来调整汽车的方向。

6.全景互动

全景交互在屏幕上360度展示所有场景，用户可以通过滑动来移动场景。这种H5格式(比如VR)需要注意整个场景的设计，边界连接要足够平滑，全景加载内容大，一定要注意用户等待和屏幕卡顿的问题。比如华为出品的《我的荣耀5G世界》中的全景交互，展现了未来多彩的5G世界。

以上是目前常见的H5互动元素，如果有帮助请采纳~