什么是H5页面及又该如何制作？

通常我们所说的H5就是H5广告，大多是在微信上宣传营销使用的，而HTML5是第五代HTML的标准，可以说，H5都是基于 HTML5 实现的，包括目前我们看到的大部分网页，基本上所有H5都遵循HTML5这个规范，不然就会出现问题。

通俗的讲，H5是一个网页，就像一个很大的容器，里面可以放文本、图片、音视频等基本的流媒体格式的文件。

前面我们解释了“H5是H5广告”以及"H5与HTML5的关系"，有些朋友可能听得是云里雾里，下面我们从H5的应用及发展、H5页面的制作、H5的未来趋势猜想等方面向大家介绍什么是H5页面。

一、H5的应用及发展

早在2014年，H5是互动营销方面已经崭露头角，火爆的H5小游戏《围住神经猫》刷屏了，H5这个词第一个以这样特别的方式正式出现在大众的面前，第一个称作这种形式为“H5”的人也无法考究，但是这个词定义了它在广告营销中的十分重要的地位。

众所周知的是，H5虽然是一个网页的形式，但是主要是靠微信扫码、公众号、微信群和朋友圈等渠道传播，这便自然的与微信这一个词捆绑在一起（到今天我们还经常能听见微信H5这种叫法），恰逢微信的发展势头如火如荼，H5这种新型的广告形式，搭借日活3亿的微信也得迅速发展，这也在一种程度上推动了H5技术的发展，，技术的碰撞总是能带来创意的疯狂肆意生长。一席间，H5一词便火遍大街小巷，误打误撞就像当初熊猫的错误的叫法一样，技术专业领域的从事人员也渐渐妥协，不再纠结“H5”这个词是不是不准确。

既然H5作为广告的一种形式，那么在不同应用场景是有一定区别的，比如市场策划说它是一些品牌文案，设计师眼中它是平面UI界面，编程开发人员说它是一个HTML网页，推广营销人员说它是一个活动……那么我们从创意形式、行业、场景三个维度来划分目前H5的实际应用表现：

创意形式：视频H5 、一镜到底、 全景VR、 快闪、 答题测试 、合成海报、 游戏、 拟态类、 数据表单 、横屏H5、 长页面

行业：互联网/IT、汽车、地产/酒店 、金融/银行、文化/娱乐、服饰/时尚 、电商/商业、教育/培训、媒体/政府、旅游/会展

场景：邀请函、 招聘 、品牌推广、 产品宣传、 婚礼庆典 、活动营销 、节日主题、 数据报告、 微杂志 、微官网、 年会

早期的H5的标准还未完全定稿，人们从新奇的动态网页到烂大街的H5动画只花了大概5年，原因在于铺天盖地的工具与廉价的模板导致整个行业运维项目成本极大的降低，一层层揭开HTML5的面纱，直至“一丝不挂”，随便一个刚入门的小白也敢说“某大厂的项目不过如此”，甚至一些人开始唱衰H5，“H5已死”类似的话题总会时不时的出现我们视线中，现在H5进入平稳期，不单单靠技术驱动，朋友圈依然可以看到猪厂、鹅厂等大厂的项目还是可以刷屏，创意是不会过时，这也是H5的内容的精髓所在。

二、H5页面的制作

一般情况下，一个H5项目涵盖策划、创意、平面、动画交互、前后端的开发、推广等方面，需要多人团队的配合，随着互联网的发展，H5技术的普及，对人力成本的控制和开发效率要求，萌生出一堆H5工具。

代码开发：

最早的H5广告是需要代码开发，也只能依靠代码开发，一方面是当时没有工具，第二方面是代码可以做到更高的功能需求，安全、隐私数据可控，但缺点是成本高（程序员的薪酬高有木有）、周期长、风险大（万一活动节点耽误，前面做的工作岂不是打水漂了）。

H5代码开发教程平台推荐： 慕课网-程序员的梦工厂

H5工具制作：

现在随着互联网的发展，H5技术的普及，对人力成本的控制和开发效率需求，萌生出一堆H5工具，简单的类似易企秀（推荐小白），可以实现一些翻翻页的小动效，复杂的其中就有意派 Epub360，专业H5页面制作工具，大大缩短项目的开发周期，灵活度超高，几乎一个人就可以完成以前需要一个团队制作的H5项目

专业H5页面制作工具推荐： 意派∙Epub360-专业H5页面制作神器

三、H5的未来趋势猜想

H5这个词进入大众视线中已有五年多，尽管靠着H5作品神秀在社会化营销圈的W公司的创始人李三水先生在2015年就曾发表过《H5还能活多久？》这个话题，但是我们相信H5的能力远不及我们今天所看到的、应用的这些。

入口渠道多元化

H5的火爆其实从另一个角度可以看出社交媒体的发展趋势，截止到今天，微信日活已达到10亿，这可能是国内历史上第一款APP有10亿DAU的数量级，在社交类应用APP仍然稳坐第一把交椅，不过近年来流量支付宝小程序、头条、抖音短视频应用的兴起，我们可以看到流量有向这些渠道分流的趋势，目前已经通过支付宝、头条等渠道适配H5页面。

融媒体行业需求猛增

自两会以来，政府与媒体在H5这个领域的应用越来越多。融合，既代表着开放和包容，又代表着优势资源的整合。随着融媒体时代的来临，以H5为核心的内容创新已成为社会各界关注的热点，而众多主流媒体也均已踏上这列快车，并在全新的媒体运作中进行着自我变革。

新技术应用

一个趋势是5G技术的革新及手机硬件升级，数据传输、富媒体文件加载迅速，这个技术在移动通信、短视频平台、富媒体类的网页都可以看到实际的应用变化趋势，视频化主体的表现形式或将成为未来很长一段时间的流行趋势。

另一个趋势，通过原生App开放的API（比如微信的JsSDK），比如将大大扩展了App的外延以及提升Html调用原生功能的可能，Html5既是内容的载体，同时会是连接服务的载体。

另外，人工智能AI与VR技术的成熟将更好的增强H5对于大数据的利用、收集与互动展示。

未来的HTLT5技术将真正为创意插上强大的翅膀，解放技术的束缚，H5广告将成为社会化营销信息更好的载体。

参考资料：《HTML5的影响力，将超出你我的想象！》