从2014年起,一个叫做H5的词出现了,稀里糊涂成了当红辣子鸡,不光是从业的互联网人,营销人甚至其他行业的从业者也被引入旋涡--门口卖水果大米的,小⑤实习所在的工厂主管们也开始迷信H5效应,相信这种高科技新形式所带来的传播力,那么今天小⑤给大家解释解释神奇的H5是一个什么东西。
♫. ♪~♬..♩
音乐
音视频一体充满互动性
爱因斯坦说 H5是HTML5的缩写 ,一种很厉害的新技术。
高斯说H5是植入在微信内,能分享,会动的网页。
鲁迅说H5是网页版的超级移动PPT。
电脑网页的标记语言就是HTML
一
起源
H5是一种网页标记语言,HTML,全称为Hyper Text Markup Language ,中文名字叫做超文本标记语言,1994年由万维网(W3C)发明,用来标记我们今天看到的所有网页的框架,也可以理解为HTML是用来标记出位置的一套规范,之后随着时间的推移,如今的HTML依然成为了网页标记语言的行业规范,而今天看到的大多数网页就是由三剑客HTML,CSS,JS一同编写实现的。
把网站比作一个人,HTML相当人的骨骼,HTML相当于人体骨骼,CSS相当于人体的血肉,而JS相当于人体的动作。
二
进化
从1994年到2014年的此后20年间,HTML完成了5次大升级,直到2014年10月HTML5最终定稿。相比于HTML4来说,HTML5新增了很多标记,包括webGL的3D编辑能力,并且真正摆脱了FLASH这类第三方插件,能够独立完成完成音视频的播放,同时宣布统治世界网络多年的IE FLASH的黄金搭档逐渐成为历史。
乔布斯于2007年WWDC开发者大会上宣布iPhone将支持HTML5
由于互联网的兴起,得以让苹果和谷歌联手引领了网页技术,并推广了HTML5这种唯一可以通吃PC Mac iPhone ipad Android windows phone等几乎所有电子设备的平台语言,从而成就了HTML5在移动互联网未来的主流地位。
HTMl5是HTML的第五次重大修改,而这套标记语言就是构成网页的基础,小伙伴们平时观察网页的后缀看见的html的字样,就是一种网页规范像公司制度国家法律一样规范着微妙的前端程序员们的操作。
三
问题
H5=HTML5是否可以成立?
很多小伙伴觉得这二者是一样的,那么我们先从H5说起,从前起给它第一个外号的人很难找到了。使用这个名字的理由很多,也许因为这个名字特别洋气也许因为传播者忽视知识背景,无所谓名称含义……而H5在营销词典里火起来不出一年半就到了各行各业,于是,全国都知道了有个厉害的东西叫刚学了点皮毛的人就把它当做高端技术出来卖。但在整个链条中,有眼睛尖的人发现不对劲了。
很多人会觉得H5是HTML5的缩写,这个看似合理的说法其实是错误的,因为HTML5本来已经是缩写了,如果再缩写一次,又是个什么鬼?H5也不是很规范,更像是及时执行方式,有很多功能性和特性,所以H5=HTML5是根本无法成立的!二者是有联系但并不是对等的。在2015年上半年,随着H5的火爆,引起了一场技术阵营与营销阵营之间的定义争分,当时的互联网两方大打口水之战,对定义展开了一场博弈,结果是技术阵营的妥协,但也证明了HTML5和H5的内涵并非完全一致。
H5=微信网页是否可以成立?
从切身体验来说,H5似乎就是基于微信的网页,但实际并非如此,大多数情况下,我们是通过朋友圈和微信群来观看H5网页的,但实际上我们可以用任何浏览器观看H5页面,不管是PC端还是iPad端。没有朋友圈H5依然可以被浏览,它的特效和演示甚至比你在微信观看还流畅。
原因是因为微信集成了移动端浏览器,离开微信,H5还可以看,只是因为人们习惯于通过微信朋友圈的分享打开H5来观看网页。所以H5并不是微信网页,它是一个更大的概念,只是因为微信巨大的用户群让我们觉得H5集中于微信,这个页面是微信独有的,也让人们不自觉的把H5和微信网页画上了等号。
如果你不相信的话,复制微信里的H5网站的地址,然后粘贴到电脑浏览器,依旧可以打开。因为微信的原因,才使H5能够迅速发展起来。但是H5并不是微信专有网页,H5的概念远大于此。
H5=移动PPT\APP,又是否可以成立?
我们经常提的PPT,实际上就是代指幻灯片的意思,人们使用powerpoint用惯了就和幻灯片划等号了即使这个幻灯片不是用PowerPoint做的,习惯成自然嘛H5确实实现了幻灯片的功能,但它不仅仅是移动幻灯片,它能实现的事情远比移动幻灯片要多得多。
手机端APP在今天当然是可以用H5来实现的,但是APP还有着原生开发模式(NATIVE APPS),H5和WEB APPS关联更大,他们是相互包含的关系,而微信在2016年年底推出的小程序就是一个完全依靠H5来改善现有APP诸多问题的解决方案,小程序下的小应用是一个H5版本的移动APP,但即使如此,APP也不可以和H5对等。网上的H5 APP这样的名词也更让人费解,H5 APP 并不等于web APP。
四
本质
那么H5究竟是什么呢?
当我们把常规猜测和网上讨论的话题我们论证之后发现结果都不成立! 你会发现H5它包括了HTML5的标记规范,运用了css js等多种计算语言,可以实现多种动效和视听效果,会用到后端和前端多种功能,主要在手机端传播,可以跨平台浏览等。
当我们在这些所有特性上寻找共性时发现H5并不是HTML5,不是一个微信网页,不是移动app。
相反,从某种意义上来说,它是这些东西的母级,H5所指的就是移动网页本身,它能包括所有这些分支!
H5是中国人制造的一个的专有名词,就像是我们喜欢把苹果X说成肾叉一样通俗好记。但H5坏就坏就坏在它是个英文缩写,似乎是尖端技术,实际上国外根本没有这种说法,老外都不知道咋搞H FIVE是个什么东西,看上去极为洋气的玩意儿,又是一个假洋鬼子。
还原HTML5 web site,webapps, Minisite的母级,从我需要寻找的特性来看,同样是移动网页的意思,它的遭遇就很类似我们平时老百姓挂在嘴边的PPT一样,我们实际说的并不是PowerPoint,而是幻灯片。同样的我们讲的也不是H5,而是移动网页,就像是很多人熟悉的H5,但是也不清楚它是干什么的,费那么大力气去了解又有什么用呢。
定义的作用
直到今天,有很多同学问我H5怎么做,他们总会发来一个连接,问我这个是不是H5,而通常情况是我没必要打开,因为如果不是移动网页,你怎么可能通过微信发给我呢?人们对概念模糊时,是没办法进行创作的,他们会盲目跟风,会被他人的成功和举动所影响,就像是2015年至2016年发生的情景,90%的创作者会跟风,对H5本身的误读造成了他们创作的屏障。而H5是个崭新的领域,它最需要就是我们这些设计者的开荒,伪装接电话,伪装朋友圈,小视频,3D交互效果的第一次植入,这些举动没有对H5本身的理解和认识,是没办法实现的。
在你学习了H5的知识之后,了解到移动网页能做的H5 都能做时,这实际上是对开发者想象力的一种解脱,你的参考对象再也不是其他人的案列,而是移动网页技术本身,这对设计者的意义巨大。所以说,认识H5的定义是你有效设计的开始,再下期的文章中 小⑤会告诉小伙伴们H5的潜力有多大。
THE END
文字 /部分摘自书籍
排版 / 小⑤
图片 / 互联网
你懂H5是什么了吗?
小⑤工作室荣誉出品
三个维度的创新
金牌运营
行业 / 时势 / 营销 / 内容
关注公众号可领取小⑤微信营销更多小技巧
,