大家好，我是才知道什么叫“盘”的小Z。

  昨日小Z正沉浸在没被“盘”过的喜悦里，抱着保温杯的技叔猛然扭头发问：

  “移动端网站和H5是一个东西吗?”

  本Z小声bibi：“也许Maybe可能是吧，反正都是网站嘛...”，略带颤巍的余音在键盘声里消散。

  技叔：“确定?”

  正当我心虚转身敲字搜索时，技叔送了我七个大字：你不“盘”它，我“盘”你...

  于是......

  于是有了这篇内容，非常欢迎大家向小Z“盘”各种问题，技术面前无难题!悄悄告诉你们，我宁愿被你们“盘”，也不愿被技叔盘”。(职业假笑.avi)

  首先来看下H5的概念，H5是指第5代HTML，也指用H5语言制作的一切数字产品。

  所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到的网页，多数都是由HTML写成。

  “超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素，而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。

  浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。

  H5，其实并不是一项技术，而是一项标准，其中所包含的技术主要有页面素材预加载技术，音乐加载播放技术，可以滑动的页面，可以涂抹擦除，有动态的文字和图片，可以填表报名，可以支持分享自定义的文案和图片等一系列技术。

  H5的应用

  当然大家最关注的是H5的应用，如下图所示，H5的应用很广泛，基于H5有很多产品载体，比如PPT、APP等，但这些产品载体在实现过过程中，也会用到其他的技术，涉及内容较多，暂不介绍。

而从营销层面，最常用的是H5页面，这些页面可以单独传播，即H5海报，也可以嵌入公众号，嵌入APP、嵌入小程序等，这种形式并不仅仅可以在微信端显示，作为一个页面，获取链接后，也可以在PC端打开。

  H5页面主要类型

  1)品牌传播型H5

  等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。在内容上倡导一种态度、一个主旨，在设计上则需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。

  2)活动推广型H5

  活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播，行成爆炸式的传播效应。活动推广之贺卡邀请型、活动推广之游戏互动型、活动推广之答题有礼型等。

  3)产品展示型H5

  聚焦于产品功能介绍，运用H5的互动技术优势尽情展示产品特性，吸引用户购买。

  4)裂变增长型H5

  过社交传播，获取流量，实现用户裂变增长。

  H5网站VS移动端网站

  那移动端网站跟H5网站到底是什么关系呢?

  移动端网站是相对于PC端网站提出的概念，随着大屏智能手机以及ipad等通讯设备的广泛应用，网站样式风格也与时俱进，在满足PC端计算机的浏览时，移动端同样适合访客浏览，但由于PC端屏幕比移动端相对较大，利用手机查看网站时，无论是打开方式、展示内容都会出现错乱，而互联网技术的迅速发展，手机网站自助建站，使得移动端显示和操作更加流畅。

实际无论移动端网站还是PC端网站都可以叫H5网站，因为H5是一种语言，移动端和PC端常用开发语言同是html+css+js，但通常移动端网站更容易被人当作H5网站，因为H5代表的是一个大的集合，可以包含所有有关于网页信息的统称，但偏向于宣传页或者活动页这些比较炫酷的页面，相对来讲，更适合移动端展示。

  简单来说，H5网站大于等于移动端网站，两个都是指网站，一个是用语言命名，一个针对使用载体命名。