H5究竟是什么?

都过去2年了，今天依然有人认为H5是HTML5的缩写，这种奇怪的认识是该改改了，即使是同行，还有很多朋友没有搞清楚H5是什么？那么，咱们这期就让小呆给你讲清楚，H5究竟是个什么鬼？

从 2014 年起，一个叫做 H5 的词出现了，稀里糊涂的火成了辣子鸡!

不光是互联网，甚至其它行业的从业者也被引入漩涡，连卖水果、卖大米、 做服装加工的传统制造业的从业者也开始迷信 H5 ，相信它有某种神器的力量! 那么问题来了，谁能给我解释解释这么神奇的 H5 究竟是个什么鬼?

有人说，H5 是 HTML5 的缩写，是新技术

有人说，H5 是植入在微信内的网页

有人说，H5 是超级移动 PPT、 APP

— 那么，究竟那个答案才是正确的呐? —

image

H5=HTML5是否可以成立?

很多人认为二者是一致的，那么我们先从 H5 说起。

第一个起H5外号的人真的很难找到了。使用这个名字，也许是因为好记，也许因为名字洋气，也许因为太多传播者忽视应有知识背景，无所谓名称含义。而H5这名字在营销词典里一经出现，不出半年就波及到了全国。于是，人人都知道有个很厉害的东西叫H5 ! 也都胸有成竹的把它当成高端技术拿来叫卖，但在整个链条中最开始觉得不对劲的是技术阵营。

程序员与需求方的聊天:

需求方: 你会做H5么?

程序员: 什么是H5 ?

需求方: (吱吱呜呜的回应) 不就是 HTML5 么? 网上都这么说的，是个缩写。

程序员: 你让我做的是个网页框架么?

需求方: 大家都是这么叫的，我给你个参考你照着做就是了，就是那个朋友圈里能接电话的。

需求方: 大哥!它不是 HTML5 好不好!

...

很多人会觉得H5是HTML5的缩写，这个看似合理的说法实际是愚蠢的，因为HTML本来就已是缩写，在缩一次，又是个什么鬼? H5也不是规范，它更像是技术执行方式，有 很多功能和特性，所以 H5=HTML5 是根本无法成立的 !

image

H5 确实涉及 HTML5 诸多规范，想做 H5 页面或多或少都要利用到 HTML5 很多内容，二者只是有联系，并非对等。在2015年上半年，随着H5的火爆，同时也引起了技术阵营与营销阵营的定义争锋，当时在互联网上两方大打口水之战，对定义展开了一场博弈，结果虽然是技术阵营妥协，但也有利的证明了 HTML5 和 H5 根本不是一个层面的东西!

H5=微信网页是否可以成立?

从切身体验来说，H5 似乎是基于微信的网页，但实际并非如此，大多数情况下，我们是通过朋友圈和微信群观看H5的，但实际上我们利用任何浏览器都可以观看H5，不管是 PC 端还是平板端。跳出朋友圈，H5依然可以被浏览，它的特效和演示甚至比你在微信看会更加流畅!

原来是因为微信集成了移动端浏览器，离开微信，H5照样可以正常运行，只是因为人们习惯了通过朋友圈打开H5来观看网页。所以，H5并不是微信网页，它是一个更大的概念， 只是因为微信巨大的用户群，让H5集中于微信，让人们觉得这个页面就是微信独有的，也让H5和微信朋友圈成为了代名词。

image

如果不相信，你可以复制微信里H5网站地址，然后粘贴到 PC 端或者手机端浏览器看看效果，你会发现效果一致。也因为微信是H5的后盾，才使得H5能够很迅猛的得发展。但是H5并不是微信的专有网页，H5的概念远大于微信本身。

H5=移动PPTAPP又是否可以成立?

H5确实能实现移动幻灯片的功能，但它不仅仅是移动幻灯片，它能实现的事情远比移动幻灯片要多的多! 手机端的APP在今天当然是可以用H5实现的，但APP还存在原生开发模式，也就是Native Apps(原生程序)，H5和Web Apps的关联更大，它们是相互包含的关系，而微信在2016年推出的“小程序”就是一个完全依靠H5来改善现有APP诸多问题的解决方案，“小程序”下的“小应用”是一个H5版本的移动 APP，但即使如此，APP与H5 也不可以对等。而网上看到的 "H5APP" 这样的名词也更是让人费解，"H5 APP" 并不等于 web APP。

image

那么H5究竟是什么?

所有的常规猜测和网上话题引导我们都论证了，结果全部不成立! 当我们从新把所有内容放在一起时，你会发现H5它包换了HTML5 的标记规范，运用到了例如 CSS、JS(Java)等多种计算机语言，可以实现多种动效和视听效果，会利用到后端和前端的多种功能，主要在手机端传播，可以跨平台在PC、平板上浏览等等...

当我们在这些所有包含的特性上寻找共性时，我们得到了一个意外的答案，H5不是 HTML5、不是微信网页、不是移动 PPT。相反，从某种意义上来说，它是这些东西的母级，H5所指的就是移动网页本身，它能够包含所有这些分支!

image

H5是中国人制造的一个专有名词，就像是我们喜欢把 “苹果 7” 说成是 “肾7” 一样。但 H5 就坏在它看上去像是个英文缩写，似乎是某种尖端技术，实际上国外根本没有这个说法，老外都不知道这个H FIVE是什么东西，看上去极为洋气的玩意儿，原来是个假冒的本土货!

我最初希望看到国外的H5网页，但不管怎么搜、怎么找都找不到，后来在多方的查询和努力下， 通过了**HTML5 website、webapps、minisite **这样的词条才能找到类似的网站，而你却无法找到一样的东西，就目前国内H5的发展来看，实际已经在某些领域走在了世界的前列，尤其是移动营销领域 。

image

还原HTML5 website、webapps、minisite的母级，从我需要寻找的特性来看，同样是移动网页的意思，它的遭遇就很类似我们平时老挂在嘴边上的PPT 一样，我们说的实际不是 powerpoint，而是幻灯片。同样的，我们讲的不是H5，而是移动网页。就像是很多人很熟悉 PPT，但并不知道什么是PPT一样，很多人熟悉H5，但是也不清其它究竟是什么， 那么费这么大劲了解定义又有什么用?

实际上，我认为意义非常的大，当你对载体模糊时，你都不知道如何去突破和驾驭，就像是孙子兵法里讲的，打仗要“知彼知己；百战不殆”，不了地形、配置、局势的战略家就会像是没头苍蝇一样乱打一气，就像是2015~2016年国内的营销圈一样，从乱象中，我们就能体会到，很多人并不知道自己做的是什么，那就更别提有效的创作了，因为开发者对概念都是模糊的，自然不可能去驾驭概念，很多人并不知道自己做的是网页。

所以说，了解清楚H5概念，是做出好H5的重要基础。好了，由于篇幅问题，就不展开细讲了，欢迎朋友们购买小呆目前预售的新书，在那里面，有更为系统的描述和设计方法！