H5和html5是一种东西吗？有什么异同？

很高兴来回答这个问题！

我自学HTML也有一阵子了，之前一直以为H5是HTML5的缩写，有一次我跟老师请教一个问题 ：怎样才能用HTML5做一个很炫酷的页面啊？老师一脸吃惊地说：HTML5是一种标准而不是一种技术，你学网页制作也有一阵子了吧，怎么连这个都没搞清楚？我听了之后赶紧去百度了一下HTML5，答案五花八门。

HTML、HTML5与H5

HTML : HTML是一种纯文本类型的语言，它是Internet上用于编写网页的主要语言，HTML可以使用文本编辑器打开它产看其中的HTML源代码。

HTML5 : HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。

什么叫做标准呢？标准的意思就是：学生准则手册。你可以按照准则做，甚至可以超出准则更加严格的要求自己，也可以不按照准则来，但是会被老师训斥小伙伴讨厌，别人都不找你玩，就像IE6一样。

H5 ： 百度里没有对H5的标准释义，但是有很多大佬给出了他们的解释：有的人说H5和微信网页也差不多，有的人说H5是移动的PPT..........但是我觉得，H5不是 HTML5、不是微信网页、不是移动 PPT。相反，从某种意义上来说，它是这些东西的母级，H5所指的就是移动网页本身，它能够包含所有这些分支！

H5到底是什么，我也不能给出一个完整的定义，但可以肯定的是，HTML5和H5绝对不是同一个东西。H5更像是国人制造的一个奇葩的专有名词，给人的第一印象就是某种高端技术，很多初学者都会以为H5就是HTML5的缩写但实际上并不是这样。H5所涵盖的范围其实很大，它所指的就是移动网页本身，它能够包含像HTML5、微信网页这些分支。

所以当有人对你说他想要一个用H5开发的小页面，你就可以理解为他们要的是那种可以在朋友圈分享的，看起来很酷炫的小页面，而不是一个建站用的cms系统。

希望我的回答能够帮助到您！

道理上来说，应该都是指 HTML5 标准。

但是实际上（IT 客户）经常把 H5 定向为手机上的 HTML5 标准的页面。而 HTML5（基本都直接说网站或 html）特指 PC 浏览器访问的 HTML5 标准页面。

PS：一般客户也不知道 HTML5 意思，只是业内都这么叫他们也就这么要求。

就像ps和photoshop一样，h5厉害一点

这个问题我说一下我自己的观点吧：

1：html5不是一种技术，感觉是一个浏览器的标准，是html的一个升级版本，多啦很多语义化的标签，使浏览器能够精准快速的便利认识这些元素，提升浏览器的性能。

2：h5呢，以前我认为他是html5的简称，但慢慢的通过工作，换工作，很多招聘的人事会问你会h5么，自己走感觉他说h5是html5的语义化标准，但慢慢的听这个词越来越多，h5现在更像移动端的代名词，像一个产品词。

细分的话，我还是觉得h5就是html5的简称，如果pc端用html5标准的标签写出来，也应该算h5页面。

纯手打，希望能解决你的提问

指的都是同一个事物:HTML5标准。

HTML5必将会取代HTML 4.01、XHTML 1.0标准，以满足互联网应用迅速发展的需要，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。

本质上讲，HTML5只是一种标准规范，目前各种主流浏览器支持比较好，有较强的交互能力。用做桌面应用和APP的开发，也是基于浏览器内核的一种应用，我们常见的如京东等都是这样的。

是的，都是属于新行web模式，开发和可视效果更佳！

H5 是一个产品名词

HTML5是一个技术名词

对于知乎多个相关问题里批判H5的叫法，我只想说：图样图森破，上台拿衣服

打个比方，如果有个人跟你说：“我要做个网站，H5的”。

那TA是想让你用header、footer、nav、section等标签？

让你用Geolocation、localStorage、WebWorker等API？

都不是，TA们想要的功能你用HTML4就都能做出来了。

更别说还得兼容老IE浏览器呢。

所以年轻人，你们要用心理解客户的需求，不要沉迷于技术。

人家一定不是让你去用一种不被所有浏览器兼容的技术。

所以，H5指的不是HTML5，而是某种在微信等移动端看上去酷炫能够提升公司格调顺便亮瞎访问者氪金狗眼顿升膜拜之心就算没有内容也能被广泛转发分享的一种东西。

再次科普，HTML5并不是一项技术，而是一个标准。

前端的程序，一样的，简写是H5.

感觉现在H5已经成移动端展示的代名词了

H5是HTML5的简称

HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。

一、首先从功能与设计目标来看， H5专网页主要有以下4大类型：

1.活动运营型

为活动推广运营而打造的H5页面是最常见的类型，形式多变，包括游戏、邀请函、贺卡、测试题等形式。与以往简单的静态广告图片传播不同，如今的H5活动运营页需要有更强的互动、更高质量、更具话题性的设计来促成用户分享传播。从进入微信H5页面到最后落地到品牌App内部，如何设计一套合适的引流路线也颇为重要。

2.品牌宣传型

不同于讲究时效性的活动运营页，品牌宣传型H5页面等同于一个品牌的微官网，更倾向于品牌形象塑造，向用户传达品牌的精神态度。在设计上需要运用符合品牌气质的视觉语言，让用户对品牌留下深刻印象。

3.产品介绍型

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

这一类型的H5页面多见于汽车品牌，LEXUS NX是其中的优秀代表案例。精致和极富质感的建模、细腻的光效营造出酷炫的视觉风格。用手指跟随光的轨迹切割画面揭开序幕，通过合理优雅的触碰、摩擦、滑动等互动形式带领用户一同探索产品的7大特性，宏观和微观都照顾周全。

4.总结报告型

自从支付宝的十年账单引发热议后，各大企业的年终总结现也热衷于用H5技术实现，优秀的互动体验令原本乏味的总结报告有趣生动了起来。

二．形式为功能服务

在确定了专题页的功能目标之后，接下来就是关键的设计阶段了。如何有的放矢地进行设计，需要考虑到具体的应用场景和传播对象，从用户角度出发去思考什么样的页面是用户最想看的最会去分享的。

1.简单图文

简单图文是早期最典型的H5专题页形式。“图”的形式千变万化，可以是照片、插画、GIF等。通过翻页等简单的交互 *** 作，起到类似幻灯片的传播效果。考验的是高质量的内容本身和讲故事的能力。

2.礼物/贺卡/邀请函

每个人都喜欢收到礼物的感觉，抓住这一心理，品牌推出了各种H5形式的礼物、贺卡、邀请函，通过提升用户好感度来潜移默化地达到品牌宣传的目的。既然是礼物，那创意和制作便是重要的加分项。

3.问答/评分/测试

问答形式的H5页面也屡见不鲜了，利用用户的求知欲和探索欲，一路选选选，看最后到底是什么成绩。一条清晰的线索是必要的，最后到达的结果页也需要合理不突兀，如果能辅以出彩的视觉和文案，弱化答题的枯燥感那就再好不过了。

4.游戏

从 “围住神经猫”、“看你有多色”等单纯小游戏再到杜蕾斯“一夜N次郎”（即山寨版“别踩白块儿”）等品牌植入式小游戏，H5游戏因为 *** 作简单、竞技性强，一度风靡朋友圈，但创意缺乏和同质化现象导致用户对无脑小游戏逐渐产生了厌倦。品牌要在游戏上做到成功传播，需要在玩法和设计上多下点功夫。

三．为设计加分的4个要点

一个H5页面设计品质的出众与否，会直接影响其传播效果，甚至影响到用户对品牌形象的认知。在这里总结出以下的设计要点：

1.细节与统一

要成就高品质的用户体验，必须考虑到细节与整体的统一性。复古拟物的视觉风格，那字体就不能过于现代；幽默调侃的调调，那文案措辞就不能过于严肃；打情感内容牌的，动效就不能过于花哨。

2.紧跟热点，利用话题效应

想要你的H5专题页一夜爆红，第一时间抓住热点并火速上线，借机进行品牌宣传也不失为一条捷径。

3.讲个好故事，引发情感共鸣

不论H5的形式如何多变，有价值的内容始终是第一位的。在有限的篇幅里，学会讲故事，引发用户的情感共鸣，将对内容的传播形成极大的推动。

4.合理运用技术，打造流畅的互动体验

随着技术的发展，如今的HTML5拥有众多出彩的特性，让我们能轻松实现绘图、擦除、摇一摇、重力感应、擦除、3D视图等互动效果。相较于塞入各种不同种类的动效导致页面混乱臃肿，我们更提倡的是合理运用技术，用心专注于为用户提供流畅的互动体验。

结语

随着手机硬件的升级、HTML5技术的发展以及微信平台的开放，HTML5的跨平台、低成本、快迭代等优势被进一步凸显，这对身处于移动互联网大潮的企业主、品牌、设计师和开发者来说，都将是一个最好的时代。

---