朋友说“帮我做个H5”，我才发现这句话被误会了很多年

上礼拜，一朋友突然发微信过来：帮我做个H5呗，下个月婚礼用。 我说行啊，什么内容。她说，就是那种，点开有音乐，能翻页，最后一页放我俩照片那种。 我盯着屏幕看了两秒。她说的这东西，确实叫H5。可你要是现在去搜“H5是什么”，大概率会看到一堆讲HTML5新特性的技术文章——video标签、canvas绘图、语义化标签——看得人头皮发麻。 大多数人嘴里的H5，和那套技术标准之间，隔着一整个微信。

同一个词，两个世界

程序员说起H5，指的是HTML的第五个版本。2014年正式定稿，带来了不少新能力：网页里能直接播视频、放音频，能画图，能做复杂动画，不用再装那个要命的Flash插件。 但你朋友说起H5，指的基本是另一回事——一个在手机上点开就能看、能翻页、能互动、通常从微信里转发出去的网页。 两件事有关系吗？有。后者是前者养出来的。可它们不是一回事。 打个不太严谨的比方。HTML5像一套新的建筑标准，承重更好，允许你把房子盖得更花哨。而你收到的那张婚礼请柬H5，是有人用这套标准盖出来的一间样板房。你夸的是样板房好看，不是建筑标准写得好。

为什么偏偏是手机，偏偏是微信

这事得从苹果说起。 2010年，乔布斯发了一封公开信，题目大意是“关于Flash的思考”。他在信里把Flash数落了个遍——耗电、不安全、对触屏不友好，然后宣布iPhone永远不支持Flash。当时很多人觉得他疯了。网页上那么多视频、游戏、广告，全靠Flash撑着，你不支持，用户看什么？ 后来的事我们都知道了。H5顶了上来。视频用video标签播，动画用CSS3和canvas画，游戏用JavaScript写。iPhone赌赢了，Flash在2020年正式停止支持。 但H5真正在中国火成一种“内容形态”，靠的是微信。 想想看，微信朋友圈只能发链接，不能发App安装包，不能发PPT文件。你想让别人看个东西，要么是公众号文章，要么是一个链接。而链接点开，就是网页。H5正好卡在这个位置上——不用下载，不用跳转，点开即看，看完能转发。 再加上微信内置浏览器对音频、动画的支持越来越好，那种带背景音乐、能上下滑动翻页的H5，就这么成了营销和请柬的标配。 我一个做市场的朋友说，他们公司每年年会邀请函都做H5。不是因为它高级，是因为发到群里，大家真的会点。换成PDF，八成没人打开。

几个常见的误会

误会一：H5是一个软件，或者一种文件格式。 不是。你没法像保存PPT那样保存一个H5到手机里。它本质上是一个网址，只不过这个网址打开之后，长得像个小应用。你转发给别人，转发的是一串链接。要是哪天服务器关了，链接打不开，这个H5就没了。你收藏的那些婚礼请柬、品牌活动页，很多过几年就变成404。 误会二：做H5必须用易企秀、兔展这类工具。 这些工具确实方便，拖拖拽拽就能生成一个能翻页的页面。但它们只是生产工具，产出的东西还是HTML网页。程序员完全可以手写一个H5，而且能做得更自由。反过来说，用工具做出来的，也不一定差，关键看设计和内容。 误会三：H5就是那种“翻页动画”。 翻页只是H5的一种表现形式。还有滑动的、点击的、长按的、摇一摇的、甚至调用手机摄像头和陀螺仪的。你小时候在微信里玩过的“打飞机”，技术上也算H5游戏。它没那么多页，但一样是网页做的。 说到打飞机，那可能是很多人第一次意识到：原来网页也能做得跟App似的。

说回婚礼请柬那事

后来我没用现成工具，给她手写了一个。也不复杂，几屏内容，加一段自动播放的背景音乐，照片用轮播，最后一屏放了个地图定位。 她收到之后说，哇，好高级。 我说，这不高级，这只是一个网页。 她说，那为什么别人做的要收好几千？ 这问题我一下没答上来。后来想想，贵的大概不是技术，是设计、是文案、是配乐、是那种“点开第一秒就觉得好看”的感觉。技术只是那间样板房的水泥和砖头。 所以，下次有人跟你说“帮我做个H5”，你可以先问一句：你要的到底是网页，还是一段能转发的小视频？ 问清楚了，能省不少事。