个页面内容不能过多

设计常用尺寸：750 x 1334 / 640 x 1134，包含了手机顶部信号栏的高度。

移动端H5活动页面常常需要能够分享到各种社交App中，常用的有 微信、QQ 等。

使用移动设备查看页面时会发现，在微信浏览器中有顶部导航栏，在qq内置浏览器里不止有 顶部导航，底部也有 操作栏（safari浏览器也一样），这些都会占用设计稿显示区域，因此在 设计环节 就需要考虑内容的多少，页面底部要 预留一定的空白，这样在微信或qq中才不会被遮住（如果页面已经写好了，就只能按照上面的尺寸进行内容的调整了，缩小元素间距，缩放图片大小等）。

标题简短

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

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

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

二维码图片记得扫描测试

有时候扫描二维码之后，会跳转至某个地址，不幸的话QQ或者微信会对这个地址进行温馨提醒，这样会阻止部分用户继续访问，从而无法很好的将用户引导到活动想要推广的产品/品牌页面，如 App 的下载页面等。因此二维码的扫描测试不能少（举个例子，如果二维码扫描结果是应用的下载地址的话，可以使用应用宝的微下载地址来生成二维码，这是不会被“温馨提醒”的。）。

使用 打包工具（比如gulp） 拼合图片

如果打算先布局，后使用自动化工具（如：gulp-sprite-generator2）将图片拼起来（即通过 css 生成精灵图），减少请求数，需要注意：在编写 CSS 的时候，图片宽高应固定，图片拼合后才能通过定位和显示区域的宽高来展示图片。建议先将图片拼起来再布局，可以使用：gulp.spritesmith，一步获取合并的精灵图和对应的 css 文件。

CSS 动画属性前缀 webkit

使用 CSS3 来制作动画效果的话，webkit 前缀一定记得加，要不然在某些手机下动画效果是没有的（可以使用自动化构建工具完成）。

欢迎各位童鞋补充哦！

前市场上的HTML5培训机构不断的增加，让想要学习HTML5开发技术的朋友在选择HTML5培训机构的时候不知如何选择，今天小编就为大家简单分析一下2019年HTML5就业最大优势。

如今我们生活的世界，网页是呈现给人们信息平台的一个重要渠道。由此而来，怎么样把自己想要表达的信息很好地呈现在网页当中，就成为人们的一个研究课题——网页设计与制作。制作网页可采用可视化编辑软件，但是无论采用哪一种网页编辑软件，最后都是将所设计的网页转化为HTML语言。

HTML5最大优势是语法结构非常简单，它具有以下几个特点：

1、HTML5编写简单。即使用户没有任何编程经验，也可以轻易使用HTML来设计网页，HTML5的使用只需将文本加上一些标记(Tags)即可。

2、HTML标记数目有限。在w3C所建议使用的HTML5规范中，所有控制标记都是固定的且数目是有限的。固定是指控制标记的名称固定不变，且每个控制标记都已被定义过，其所提供的功能与相关属性的设置都是固定的。由于HTML中只能引用Strict DTD、Transitional DTD或Frallleset DTD中的控制标记，且HTML并不允许网页设计者自行创建控制标记，所以控制标记的数目是有限的，设计者在充分了解每个控制标记的功能后，就可以设计Web页面了。

3、HTML语法较弱。在w3c制定的HTML5规范中，对于HTML5在语法结构上的规格限制是较松散的，如、或在浏览器中具有同样的功能，是不区分大小写的。另外，也没有严格要求每个控制标记都要有相对应的结束控制标记。

免责声明：内容和图片源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。