U启动软件中心, 专注于PC软件下载

当前位置 : 首页 > 软件指南 > 软件教程 > 学习H5需要注意什么 H5注意事项

学习H5需要注意什么 H5注意事项

maka(h5制作工具) v1.0 电脑版

MAKA是一款操作简单、设计简洁的H5数字营销创作及创意推广工具,maka电脑版帮助企业和个人用户方便快捷地制作专业效果的H5,让分享方式更有格调,在朋友圈广告中脱颖而出。需要的朋友可以选择在本网站自行点击下载安装体验哦!

下载

  H5是目前很火爆的前端技术,它可以制作出十分绚丽的页面及其页面效果,深受广大的前端工程师喜欢。那么,我们要学习H5需要注意什么呢?让小编给你提个醒!

H5注意事项

  一、标题要简短

  移动端浏览器导航条宽度有限,简短的标题可以使其展示完整。

  二、 二维码图片使用 img 标签引入

  二维码图片不要写为元素背景,不然长按没有办法触发扫描功能。应使用 img 标签引入,如下:

h5注意事项01

  三、二维码图片记得扫描测试

  有时候扫描二维码之后,会跳转至某个地址,不幸的话QQ或者微信会对这个地址进行温馨提醒,如下图所示:

h5注意事项

  这样会阻止部分用户继续访问,从而无法很好的将用户引导到活动想要推广的产品/品牌页面,如 App 的下载页面等。因此二维码的扫描测试不能少。

  四、 图片压缩

  可见光使用自动化工具来压缩是不够的,大部分图片仍存在较大的压缩空间,可以再扔到 Tinypng 里压缩一下看看。

  五、单个页面内容不能过多

  如果对整个页面进行缩放(使用 meta 标签),按照设计稿的比例,在高度满足的情况下宽度会偏小,两边会有白底;

  就算使用 rem 作为相关间距的单位,也没有办法找到一个合适的比例在两种高度(微信/QQ)下切换,因此统一调成适配 QQ 的,这样就算在微信下有多余的空白,固定底部的引导下滑箭头也能使其不会过于突兀。

  以上就是小编带来的H5需要注意的事项,希望对你们有帮助,想了解更多信息,请关注我们u启动软件中心吧!


编辑推荐

更多+

产品测评

更多+
华为荣耀8青春版怎么样 华为荣耀8青春版参数配置介绍

华为荣耀8青春版怎么样?荣耀8青春版是华为新推出的产品,由吴亦凡代言,号称“我的颜值担当”,有吴亦凡这个明星大咖代言一下子就吸引了很多粉丝。那么,由吴亦凡代言,荣耀8青春版到底怎么样?

如何关闭微信运动排行榜 怎么隐藏微信步数

如何关闭微信运动排行榜 怎么隐藏微信步数。如今很多人的手机里都有记录自己步数的软件,而微信就占了很大一部分,那么有的时候我们不想让别人看到你的步数,我们应该如何关闭呢?

oppo r11 plus什么时候上市 oppo r11多少钱

oppo r11 plus什么时候上市?oppo r11多少钱?oppo r11 plus和oppo r11是OPPO公司将要推出的新产品,很多OPPO用户都很关心oppo r11 plus什么时候上市及其价格。

QQ游戏安装不了怎么办 QQ游戏无法安装解决方法

QQ游戏安装不了怎么办?QQ游戏无法安装解决方法。不少用户在玩QQ游戏时会遇到游戏安装不了的情况,无法进行游戏实在是让人头疼。对于QQ游戏安装不了这个问题要如何解决呢?让小编来给您分析分析。