Html5网站(H5)解疑与优势分析

什么是H5?

经常有朋友找我咨询H5的问题,但是在和他们沟通的过程中,我发现很多人对H5的理解都是停留在用户层面,邀请函、小游戏、品牌展示、抽奖等等。其实如果上升到营销层面的话,仅在用户层面去思考是远远不够的,因为任何传播都要考虑有效性的问题,如果100w pv带来的只是刷屏效果,而对品牌带不来任何有效转化,这样的传播显然是不成功的。

对于事物的理解,如果不能从多个角度去分析,我们很难跳出原有的思考框架去看问题。因此,这篇文章我想以更原始的角度,从H5这项技术本身为出发点去阐述;事实上互联网技术的发展本质上也是需求驱动的,程序语言其实是高于应用层面的产品。以下的内容希望不会太晦涩,也希望能对你有所启发。

简单来说,H5就是一种高级网页技术,我们平时看到那些邀请函、小游戏都是H5网页,确切来说叫HTML 5(国外目前没有H5的叫法),它跟我们平时上网看到的那些网页本质上没有任何区别,只不过大家普遍接受的那个网页技术版本是HTML4,而这个版本是在1997年发布的。

什么是HTML,这里简单解释——想象两个计算机在沟通的场景,A要把一个图文信息传给B,交流过程中B肯定会产生这样的问题:你给了那么多信息,哪个是网页标题、哪些是正文、哪些又是图片呢?于是,A和B商量了一个办法,用一些符号来标记不同类型的内容,而这些标记的一整套规范就是HTML。
所以大家可以看到,HTML其实是一项非常人性化的发明。关于HTML技术的详解有兴趣的读者可以自行查阅,这里我主要跟大家介绍几个营销人应该关注的H5特性,它能让你对H5能做成什么样有个根本的认识。

1 绘图功能(Canvas、SVG)

H5开发,青岛网站制作,青岛网站建设,青岛设计公司,邓巴迪,Html5,手机站开发


 
这是H5一个非常重要的特性,你在很多H5中看到的动画效果就是用H5的绘图功能做的,比较典型的例子是STC风云榜分享的可口可乐的例子,有兴趣可以点击最后的“阅读原文”看一下。

为了方便理解,你可以将H5的绘图功能类比为Flash,但是唯一的决定性区别是,Flash做出来的动画无法在移动端的浏览器中浏览,因为Adobe早已在2012年就停止了对移动端flash的开发。毫无疑问,未来的移动网页游戏和动画会是H5的天下。

从技术实现的角度,H5配合JS(一种程序语言)可以做出任何二维动画,并且因为是网页元素,所有元素均可以监测到用户点击的数据,也就是说你可以知道用户在H5动画网页中的所有交互行为。但是,具体到实际应用,我们就要考虑周期、成本,和用户体验的问题,复杂的动画相应的制作周期和成本会提高,同时也有可能影响加载速度等用户体验相关的问题。

H5开发,青岛网站制作,青岛网站建设,青岛设计公司,Html5,手机站开发

2 三维效果(CSS3 3D)

H5的华丽效果离不开一种叫CSS的技术,形象的说,如果把HTML5比作漫画的素描稿,CSS就是上色用的,相当于word界面上方的格式工具栏,如果没有CSS我们看到的H5网页就只能以“素颜”见人了。如果你熟悉互联网技术的命名规则你应该能知道CSS3就是CSS的升级版本。

在CSS3中有个非常酷的功能是三维渲染,也就说H5中能做出3D动画甚至3D游戏。目前我们看到的H5中CSS3 3D的应用较少,这个也许会是下一个营销类H5应用的热点,建议大家持续关注。

下面这两个网页游戏就是用H5+CSS3 3D做的,第一个是俄罗斯方块的3D版,想象一下在三维的空间里玩俄罗斯方块是什么感觉,喜欢挑战空间想象力的朋友可以试一下;第二个游戏是3D版坦克大战,非常精致耐玩的游戏,一句话评价就是“根本停不下来”。

PS:以上提到这些网站都需要在PC浏览器中打开,虽然麻烦一些,但绝对是值得的。

Html5网站(H5)解疑与优势分析-邓巴迪,青岛H5开发,手机站开发,微商城开发

 

Html5网站(H5)解疑与优势分析-


3 离线存储(HTML5 Web Storage)

H5的另一个重要特性就是离线存储,它能将用户的资源文件保存在本地,这样在页面加载的时候网页能使用本地资源,从而实现离线状态下访问网页应用。举个例子,通过离线存储,你可以在没有网络的情况下阅读公众号的文章(当然这只是技术上可行,微信目前没有此功能)。

当然离线存储能容纳的数据量是有限制,跟浏览器有关,目前Chrome支持5M。大家或多或少都知道cookie这个东西,它也是记录用户浏览数据的,比如百度那些根据你的搜索习惯给你推荐的广告就是这种技术实现的,不过它的容量是4k。

技术细节大家可以忽略,但是关于离线存储这个功能,大家可以发挥想象——假设离线存储的容量是100个G甚至更多,浏览器就变成了一个超级应用入口,所有网页应用都具备离线存储和在线浏览的功能,这时候在线Office、在线记事本甚至在线PhotoShop都可以实现,我们的电脑只需要装一个程序——浏览器。在这个假设中,浏览器将干掉Windows,一切用户操作都在云端进行。



科普先告一段落,虽然H5有很多特性,但因为篇幅有限,本文只能介绍跟营销有关的内容,其他的特性很多是程序猿的事,如果大家反馈还要了解更多,我可以再写一篇具体介绍。

联系我们

即刻获得专业品牌咨询与设计服务

联系方式