h5对于我们做互联网运营的有什么好处？

几年前在技术圈H5已经很火了，记得那时候Google还和CSDN一起推广H5，引导中国更多的开发者学习H5，如今这两年H5终于走进我们的日常生活，成为移动端营销利器，然而开发一个H5营销页面的成本很高，于是有很多人都开发了H5工具，今天就总结一些常见的、好用的H5工具分享给大家。

H5是指第5代HTML，也指用H5语言制作的一切数字产品。所谓HTML是“超文本标记语言”的英文缩写。我们上网所看到网页，多数都是由HTML写成的。“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。浏览器通过解码HTML，就可以把网页内容显示出来，它也构成了互联网兴起的基础。

　　HTML的第一版1991年开始研发，1993年发布。本来每隔一段时间HTML都应该进行更新，但是自1999年12月HTML4.01发布以来，就再也没有更新。此后的十多年，互联网行业发生了翻天覆地的变化，人们逐渐意识到原有的HTML已经不能适应互联网的发展了。这时出现了两个组织分别提出了新的方案：WHATWG和W3C。前者开发了Web Applications 1.0，后者则开发了XHTML2.0。在2006 年，双方决定进行合作，来创建新一代的HTML，这就是H5。

　　H5在2008年发布草案以来，并未引起广泛关注，而是进入了长期的迭代优化周期。直到去年10月W3C终于宣布，经过长达8年的努力，HTML5标准规范最终制定完成并向全世界开放。H5标准规范的开放注定成为一个划时代意义的事件，从那一天起H5便成为了全网最火热的新词。

　H5的强大功能

　　H5之所以能引发如此广泛的效应，根本在于它不再只是一种标记语言，它为下一代互联网提供了全新的框架和平台，包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能，并使这些应用标准化和开放化，从而使互联网也能够轻松实现类似桌面的应用体验。

　　H5的最显著的优势在于跨平台性，用H5搭建的站点与应用可以兼容PC端与移动端、Windows与Linux、安卓与IOS。它可以轻易地移植到各种不同的开放平台、应用平台上，打破各自为政的局面。这种强大的兼容性可以显著地降低开发与运营成本，可以让企业特别是创业者获得更多的发展机遇。

　　此外，H5的本地存储特性也给使用者带来了更多便利。基于H5开发的轻应用比本地APP拥有更短的启动时间，更快的联网速度，而且无需下载占用存储空间，特别适合手机等移动媒体。而H5让开发者无需依赖第三方浏览器插件即可创建高级图形、版式、动画以及过渡效果，这也使得用户用较少的流量就可以欣赏到炫酷的视觉听觉效果。

也就是说，H5是新标签允许分类的重要信息和内容的开发，提供改进的用户体验。对于拥有丰富的音频和视频的网站很有用，尤其是移动设备不支持Flash，标签对于搜索引擎很友好，便于爬行和索引。HTML5获得最大好处的网站，是那些依赖Flash或载入容量巨大的音频或视频网站。对于这一类的网站，使用HTML5是值得的。使用HTML5都是一件好事。它至少可以在搜索引擎优化和排名方面产生积极的影响。虽然没有这方面的证据，但它正在产生影响。HTML5可以增强用户体验，如果用户拥有更好的用户体验，那么就有可能提高转换率。在搜索引擎优化方面这是一个积极的信号。此外，HTML5使网站内容更符合搜索引擎的喜好。如果搜索引擎能更容易读懂你网站的内容，对于搜索引擎优化来说这是一件好事儿。h5网站有什么好处

？HTML5网站建设的优势？H5响应式网站设计的优势？

1、页面丰富简洁。H5技术实现的网站也即是常说的响应式设计，改善了页面多媒体元素的使用问题，之前建站页面主张减少动画、视频等的使用，由于所占的网站资源空间多，导致页面加载速度慢的情况，但如今使用H5建站，不仅可以大胆使用这些元素，且无需担心浏览不顺畅的问题，同时让页面显得更加丰富，又能保证其整洁性。

　　2、有利于网站优化。一个网站若不能很好的利用互联网资源，那么建站的价值就已不复存在，其中搜索引擎这个大平台就是资源利用的一个好渠道，由此网站必然少不了优化。H5技术所使用的代码程序相对于旧时的编程来说要简洁得多，且运用多媒体的情况下，对搜索引擎的抓取也是非常友好的，因此网站优化起来更加轻松。

　　3、提高用户体验。H5的出现，改善了网页内容被插件束缚的局面，创造了丰富多彩的网站，满足了用户视觉上的审美要求，且能够保证网站的加载速度，更重要的是当前的各种浏览器的推出，对于不同的用户有不同的使用习惯，H5很好地兼容了各种浏览器的，让网站的呈现效果不会因设备的不同而改变，大大提高了用户体验。

　　4、增加用户流量。由于H5技术实现了网站跨平台的运用，尤其移动设备的多样化，包括各种屏幕大小的手机，平板等等，毫无疑问，在移动互联网的趋势下，大半的用户流量将来源于移动端的用户，H5网站的建设，轻松拓展了用户浏览渠道，企业无需另外开发移动网站来获得用户流量，也同样能够分得移动用户群体的蛋糕，无形中给网站增加了流量。

　　虽然说网站建设并不一定要运用H5技术，但它的运用能够提升seo价值，且做到页面丰富美观满足用户体验的网站，那么定能获得用户的肯定，同时，能与互联网时代同步的产物必然”值得您拥有“。

傻瓜式工具

目前比较方便的傻瓜式H5 工具基本都是应用于手机端的，目前暂时还没有什么PC端的产品。

MAKA：目前被使用最多的H5页面生成工具，最大的优点是比较方便，第一次用基本就可以制作出80分营销页，并且MAKA的动画效果很多，可以满足大部分人的需求。其最大的缺点就是完全不支持二次动画（一个页面内让同一元素先后完成两个动作），适合对H5动画效果要求不高的场景使用。

易企秀：与MAKA并列的产品，使用的人也非常的多，缺点就是太缺钱了，很多功能需要付费后才可以使用。

初页：做的比较好的是H5海报，最早也只有海报，后来搞了H5营销页生成。如果比较有钱可以让他们做个性化定制。

兔展：基本和MAKA差不多，主要是提供的模板和素材各有千秋。

快站：搜狐是传统互联网公司之中唯一看重H5的，大部分大公司没有这类产品， 其功能应该是傻瓜式中最强大的，支持表单录入等，麻烦的地方是搜狐快站是需要审核才可以发布的，估计之前有人利用他们的产品做过什么坏事，现在加审核流程，好在一般审核还是很快的，并且审核通过会有短信提醒。

以上说的都是傻瓜式工具，基本上没有什么设计功底，不会改代码也可以做出很好看的页面。

进阶式工具

下面给大家说下进阶工具，这类工具一般需要一定的设计功底和编程基础，至少HTML代码你需要可以看懂，否则用起来很吃力。

Epub360：功能强大的 H5 工具，可以制作移动端页面与PC端页面，目前Epub360是按账户等级提供功能的，账户等级越高，功能提供的越多。

Vxplo：这个工具最早只有英文版，目前也开始提供中文版了。最大的特点就是可以提供一些稀奇古怪的功能，不知道是不是按照外国人营销的喜好开发的。很多功能也需要付费才可以使用，而且定价应该是按欧美标准定的，稍微有点贵。

案例学习

数英-项目-移动：这里收集了很多大公司，大品牌的成功案例，质量佳，附带项目设计方，可投稿。

H5说：作品质量很高，基本上每天会更新一个案例，提供最新和最热两个榜单！

Epub360官网精选：作品质量佳，里面的“特效”用Epub360可轻松实现，可找到设计方。作品被加精三次，自动入选推荐设计师/机构板块。

基本上每个工具平台都会有自己的案例精选，大家使用之前可以先看看案例，了解下别人怎么用的，制作出什么效果，刚开始以模仿为主即可。

营销策划

正所谓设计师和美工的区别是一个有思想，一个没思想，所以下面也放上两个偏数字营销的学习平台供亲们参考学习。

数英：大中华区权威数字媒体及职业招聘社交平台，内容涵盖市场营销、广告传媒、创意设计、电商、移动互联网等各数字相关领域。

TOPYS：全球顶尖创意分享，这里面有很多国外案例，想法都非常棒，值得国人好好学习。

补充：营销策划其实更应该看 SocialBeta、36Kr、品途网、职业经理人分享什么的。另外有篇文章《品牌 H5 营销完全实战指南》推荐大家好好读读。

图片素材

站酷网：国内最具人气的设计师互动平台，大量免费优质素材，但切记不要使用有版权的图片，免得最后被人喷了就不好了。

昵图网：原创素材共享平台，基本上百度搜素材，呈现最多的就是昵图网了，虽然有些素材质量不高，但是很丰富！

500px：最出色的摄影社区

Unsplash、Little Visuals、Superfamous Studios：免费高品质的照片网站

补充：一个无敌的网站 /，请叫我红领巾！

音乐素材

爱给网：免费的游戏素材网站，其中的音效库那是相当的不错。

点点网：国内最早的轻博客，虽然官方停止了运营，但是上面的音乐达人还在，搜索“音乐”、“电音”等相关标签易找到惊艳音乐。如果不想只发一些陈奕迅，五月天之类的，可以到这里找一些音乐素材。

因为H5作品主要是在移动端呈现，考虑到用户手机性能、网速等原因，除了动效不要过于复杂，作品本身素材的优化也很重要，下面分享一些素材压缩工具。

图片压缩工具

tinypng：一个在线压缩图片的神站，我身边的人大部分都用这个，支持png和jpg。

pngquant：本地压缩png图片利器。

图片压缩，有这2个足够了！

音频剪切工具

迅雷看看、QQ影音播放器、酷狗铃声自带的“音频截取”功能都能满足普通运营人员的剪切需求，笔者推荐迅雷看看播放器，使用更容易上手，体验稍微好些，如果需要使用专业的音频编辑工具，推荐的是Adobe Audition。专业的工具精度高，能解决上面那些不容易一次剪切好，要反复剪切试听的痛苦。

GIF图制作工具

GifCam：一款非常简单的GIF动图录制/制作工具，具有精确录制、可剪辑等特色。

有这一个足够了，基本不需要再去找其他工具了！

全景图制作工具

360全景不是凭空生成的，要制作一个360全景，我们需要有原始的图像素材，原始图像素材的来源可以是：

A、在现实的场景中，使用相机的全景拍摄功能得到的鱼眼图像。

B、通过建模渲染得到的虚拟图像。

同时发现大家基本都是在用Pano2VR作为后期制作工具

二维码制作工具

由于二维码制作基本上功能的重复性很强，每个都差不多，所以这里之给大家推荐一个笔者最常用的：

草料网：简单、便捷、功能强大的免费二维码在线服务网站，上面还有较多的好看的二维码模板。