h5和html5的区别

H5是Html5的缩写”，这恐怕是很多人的一个错误认知。事实上，二者并不是一个意思。

H5确实涉及HTML5诸多规范，想做H5页面或多或少都要利用到HTML5很多内容。但二者只是有联系，并非对等。

随着H5的火爆，同时也引起了技术阵营与营销阵营的定义争锋，当时在互联网上两方大打口水之战，对定义展开了一场博弈，结果虽然是技术阵营妥协，但也有利的证明了HTML5和H5根本不是一个层面的东西！

除了把H5误认为是Html5的缩写外，还有一些人存在另一种误区，那就是“H5=微信网页”。事实上，这也是不对的。

从切身体验来说，H5似乎是基于微信的网页，但实际并非如此。大多数情况下，我们是通过朋友圈和微信群观看H5的，但实际上我们利用任何浏览器都可以观看H5，不管是 PC端还是平板端。跳出朋友圈，H5依然可以被浏览，它的特效和演示甚至比你在微信看会更加流畅！

原来是因为微信集成了移动端浏览器，离开微信，H5照样可以正常运行，只是因为人们习惯了通过朋友圈打开H5来观看网页。所以，H5并不是微信网页，它是一个更大的概念，只是因为微信巨大的用户群，让H5集中于微信，让人们觉得这个页面就是微信独有的，也让H5和微信朋友圈成为了代名词。

H5到底是什么意思，其实真的很难把它用概念的形式来讲清楚。因为H5更像是国人制造的一个专有名词，就像是我们喜欢把“苹果 7”说成是“肾7”一样。但H5就坏在它看上去像是个英文缩写，似乎是某种尖端技术，实际上国外根本没有这个说法，老外都不知道这个H FIVE是什么东西。

H5所涵盖的范围其实很大，它不是 HTML5、不是微信网页、不是移动PPT。相反，从某种意义上来说，它是这些东西的母级，H5所指的就是移动网页本身，它能够包含所有这些分支。

如果你对H5感兴趣的话，戳出这里：网页链接，海量H5免费视频教程任你挑！

对于学习前端有任何不懂的可以随时来问我，我给你提供一个非常不错的前端交流学习qun：前面是一一四，中间是一八八，后面是四九三一。有问题就在里面问我，这样你可以少走很多弯路，做起来有效率，记得多跟有经验的人交流，别闭门造车。

其实h5就是html5，

HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5技术了。

HTML5有两大特点：1.强化了Web网页的表现性能。2.追加了本地数据库等Web应用的功能。

广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash、Microsoft Silverlight，与Oracle JavaFX的需求，并且提供更多能有效增强网络应用的标准集。

而且H5是一种新型的移动社交营销工具，HTML5营销凭借简单快捷、灵活炫酷的特性吸引了大批用户认可和使用，并逐渐形成了移动营销的一个新热点。

相信大家在微信朋友圈里面经常看到一些漂亮的h5页面，那炫酷的画面和动听的音乐，于是很多朋友有就想制作出属于自己的H5页面，那么h5页面如何制作呢？下面给你来介绍。

工具/原料：制作H5页面的文案素材，图片，音乐

方法/步骤：

1、进入后台，点击【制作H5】

2、你进入到一个新的界面，有【创建新的h5页面】旁边都是你以前创建的H5页面，当然如果你是新帐号没有做过H5，旁边是没有h5页面的。

3、然后你会发现出现四个菜单，【标题】【分类】【描述】【缩略图】，这四个选项根据你自己的需求来进行填写。

4、填写好之后，进入下一个界面。这里是H5页面制作的编辑区域。

5、这个编辑区域有三个三个编辑框。左边的是组件区，里面有很多的组件，你可以根据自己需求，来选择组件。

6、中间是h5页面制作重要的编辑区，你将左边的组件拖放到编辑区，你就可以对这些组件进行编辑了，比如文字，可以加粗，斜体、颜色、旋转、阴影等，图片可以做透明的、旋转、样式、特效等等。只要添加进去的元素都可以编辑。

7、右边是页码，这里你可以建新的一页h5，也可以点击你想编辑的页面，比如你现在在做第五页，但是你突然想到，你的第二页可以那样做，你想先回去编辑第二页，那么你点下第二页就可以了，就可以对第二页进行编辑。

8、当你这些都做好了之后，你就可以进行发布分享了。有四个选项，【分享】【保存】【预览】【发布】等四个状态，你可以根据需要对你制作的H5页面进行分享。

注意事项：

1、先准备好文案素材

2、新手要多加练习

---