“

借着和江苏校媒交流的机会，

整理一下对于H5的思路。

可以看上面的视频，

（压缩以后清晰度可能没有那么高，

我在B站也同步上传了）

不想看视频的可以直接看下面的文字。

”

这次的H5分享分主要为四个主要部分，一是H5简介，二是简单介绍一下国内的不需要代码的H5制作平台，三如何学习H5制作，最后是怎样进行原创H5的制作和一些常见问题。

我会分成四次微信来发。今天是第一节的内容：HTML5介绍。

第一节：HTML5介绍

什么是HTML呢？

HTML的全称是（Hypertext Markup Language）， 中文名称：超文本标记语言。

是一种语言，一种标准和规范。

它通过标记符号来标记要显示的网页中的各个部分。 页面内可以包含图片、链接、音乐、程序等非文字元素。比如微信朋友圈的页面就是通过HTML 来编写的。

HTML的发展简史

超文本标记语言的第一版——在1993年6月作为互联网工程工作小组的工作草案发布。

后来有了2.0 、3.0 、4.0等版本，到2014年发展到HTML5的版本。

在这里简单说一下W3C（万维网联盟）。万维网联盟是WEB技术领域最具权威和影响力的国际中立性技术标准机构。

我们可以看到，从HTML4.0到HTML5一共花了17年的时间，所以无论是从它的新特性还是新标准来说都是有一个质的飞跃的，它的进步空间是非常大的。即使会有新的版本推出，其内核是相通的。

H5与HTML5

那么到底我们所说的H5和HTML5有什么区别呢？

基于广告营销的领域，H5是某一类产品的统称，核心技术是HTML5，主要依赖于手机端微信平台，专注于传播和营销。

技术人员称呼其为HTML5，H5是广告行业对H5的爱称。国内对手机端的HTML5页面，特别的称呼H5 ;国外没有H5的称呼。

H5偏向于微信营销，用于品牌宣传/ APP引流/活动宣传/公众号宣传等等。 大家习惯于把应用了HTML5技术的产品统称为H5。

但是HTML不仅仅可以编写手机端朋友圈的页面，手机端浏览器看到的页面，PC端的页面也可以用HTML5进行编写。

HTML5是门语言，它可以编写浏览器中的页面，论岗位属于前端开发工程师。求职市场上的空间还是非常大的。

所以大家对前段开发和HTML5感兴趣的，不妨深入学习一下HTML5这门语言，以后也可以从事这方面的工作。

当然我们今天要讲的H5是无需代码，借助一些H5平台就能完成的，在第二节课中会讲到国内的一些H5制作平台。

最后需要明确的一点是:我们看到的大公司出品的特别炫酷的H5案例，大部分是需要配合HTML5代码的，不仅需要学习HTML5，还需要和CSS、CSS3、JS等前端开发工具配合。

可以参看以下的几个案例：

《百雀羚：一上班就想飞，其实你是……》

《51信用卡：吴秀波的奇妙档案馆》

都是由一些大公司出品，专业的前端开发人士制作的。我们目前可能达不到这么高的要求，但目光不能太窄，要看到H5还可以做成这种样子。

虽然我们目前做不到这么炫酷，但我们还是可以从经典案例中学到很多，这个我在第四节H5的制作创意及常见问题中会讲到。

那第一节的内容就到这里结束了，欢迎大家继续查看第二部分：H5平台分级。

（佛系懒癌患者默默地求一波关注，当然不关注也无所谓）