这几年，H5 很火，刷爆朋友圈的 H5 层出不穷，比如，军装照、一元画廊等等。

许多营销总监张口就说，给我来一个 H5。但是，Ｈ5究竟是什么，你真的清楚吗？

H5 是什么

知乎上关于“ H5 是什么?”的讨论非常火爆，共有 123 个回答。

其中“H5 是一种用在微信上的 PPT”的回答，个人感觉甚妙：

虽有抖机灵之嫌，概括也不够严谨（因为 H5 的功能远比 PPT 强大，比如重力感应等高级特效，PPT就没法实现），但能让小白在最短的时间意会 H5 的基本概念，就不失为一个好回答。

但要深入理解相关概念，我们还是得追本溯源。H5 是 HTML5 的简称，HTML5 又是 Hyper Text Markup Language（超文本标记语言）的简称（这不重要，请无视）。

有点代码常识的童鞋应该都知道，HTML 语言是用来做网页的。随便找个网站，点击右键查看源代码，就能看到该网页相关的 HTML 语言代码。

一个网站是怎么呈现到我们面前的呢？建网站的童鞋用 HTML 语言写出上面图右的代码，经过浏览器的识别转化，生成了上图左中的网站，呈现在我们面前。举个简单的例子，网页标签显示的标题“百度一下，你就知道”对应的 HTML 语言就是：<title>百度一下，你就知道</title>。

所以，说到底，HTML 语言就是用来建网站的，第一版 HTML 语言 1993 年就发布了，第 5 版 HTML 语言，也就是 HTML5，发布于 2014 年，并不是什么新鲜概念，和大数据、云计算、区块链比起来，简直老得掉渣，那么，为什么 H5 会突然大火起来呢？

这就不得不提到移动互联网技术的兴起，和微信的火爆。HTML5 技术是老东西，但它在移动端的应用却是近几年才展开的，而且因为微信的火爆，使得 H5 的营销价值空前，得到巨大关注也是自然而然的事。

所以，如果根据 H5 的主要应用场景给一个定义，个人觉得“H5 是一种主要在移动端展示和传播的页面”。

H5 的特点

H5 页面包括文字、图片、音乐、视频、链接等多种形式，其丰富的控件、灵活的动画特效、强大的交互应用和数据分析功能，使其能高速低价地实现信息传播，且非常适合通过手机来展示、分享。也因其灵活性高、开发成本低、制作周期短的特性使其成为当下微信营销的不二利器。

H5 的类型

H5 的分类方式很多，这里介绍其中的一种，按照逼格（这里指技术的先进性）的高低，将 H5 分为 3 类：

1.简单活动类

简单活动类 H5 主要包括红包、抽奖、投票、砍价、拼团等常见的活动类 H5，这类 H5 模式和技术都非常简单，但因为由直接利益驱动，传播力较强。

普通红包（