不知道大家有没有和小编一样，在微信朋友圈中，我们常常可以看到各种制作精美的电子邀请函、企业招聘广告、时尚的电子海报、趣味测试或是抽奖红包等营销活动。这些移动端营销内容画质精良、体验流畅，还支持播放音乐、小视频等多媒体素材。那么，这些看上去很炫酷的内容是怎样制作出来的呢？

在这里，小编先给大家科普一下知识。简单版：HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。那么我们大家口中常说的H5跟这个是一个概念吗？敲黑板！记住可以装逼，别说我没告诉你。

HTML5有以下特性：（1）语义特性（Class：Semantic）

HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的，微数据与微格式等方面的支持，构建对程序、对用户都更有价值的数据驱动的Web。

（2）本地存储特性（Class: OFFLINE & STORAGE）

基于HTML5开发的网页APP拥有更短的启动时间，更快的联网速度，这些全得益于HTML5 APP Cache，以及本地存储功能。Indexed DB（html5本地存储最重要的技术之一）和API说明文档。

（3）设备兼容特性 (Class: DEVICE ACCESS)

从Geolocation功能的API文档公开以来，HTML5为网页应用开发者们提供了更多功能上的优化选择，带来了更多体验功能的优势。HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与microphones及摄像头相联。

（4）连接特性（Class: CONNECTIVITY）

（5）网页多媒体特性(Class: MULTIMEDIA)

（6）三维、图形及特效特性（Class: 3D, Graphics & Effects）

（7）性能与集成特性（Class: Performance & Integration）

（8）CSS3特性(Class: CSS3)

因为篇幅限制，小编只好不过多阐述。

那么H5又是什么？

HyperText Mark-up Language 5.0 → HTML5 → H5 但是，H5已经成为微信HTML5网页的专有名词。H5特指基于HTML5技术的交互网页应用。对了，我们公司的程序猿说直接敲代码不就行了。可以实现自己想要的效果是多么美妙的感觉啊。。。。。

好了，小编直接奉上干货：

1、易企秀（eqxiu.com/home） 2、Maka（maka.im） 3、人人秀（rrxiu.net） 4、凡科微传单（wcd.im） 5、兔展（rabbitpre.com） 6、iH5 (ih5.cn/） 7、we+（weplus.me/） 8、70C （70c.com/） 9、云来（http://www.liveapp.cn/） 10、BlueMP （www.bluemp.cn）

、响应式网站定义

集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。

二、响应式网站建设中的常见问题

1、屏幕尺寸多，很难做到一次编码，到处运行

目前，主流的大家用来访问网页的设备有：计算机(废话)，iPad，Android Pad(例如三星的)，智能手机。那么做一个网站，必须到这些设备上去测试和运行。普通的网站作坊很少有人会愿意花这么多的精力去测试一个网站。

2、视觉设计要求高、细节多

因为不能使用绝对定位，那么在设计的时候需要考虑可读性以及区域面积以及在不同的设备下的行为。这对一般的设计师来说简直是一场灾难。所以很少有出众的响应式网站出现。

3、前端实现难、跨技术合作

响应式设计出的稿子，当然还需要响应式的实现。响应式的基础就是HTML5, CSS3。小的建站公司，一般是没有钱去聘用精通HTML5和CSS3技术的高手的。最多是让程序员在写代码之前看2天书，然后就赶鸭子上架。这就导致了即使设计师设计出了很棒的模板，但是在实现了之后，怎么看怎么不舒服。

4、成本大

因为响应式设计需要对多个界面兼容、功能调试，导致整个制作过程需要UI设计师和前端工程师要不断磨合制作。而测试人员也要在不同的设备下对网站进行测试。我们做过调查。如果创建一个普通网站的成本是1，那么创建一个响应式模板的成本大概在2.5左右。由于小的建站公司的报价普遍比较低，利润空间肯定不支持他们把网站做成响应式的。

5、结论

总的来说，响应式网站设计比传统的网站设计复杂的多。它需要更多的人员参与到网站制作中来。它给美工、前端和后台开发团队之间的协作模式带来很多挑战。因此，响应式网站的建设成本往往是传统网站的2-3倍。

--------------

切图网（http://qietu.com）首家专注于html5开发服务的公司，专注we前端开发，响应式布局，webapp手机端网页制作，微信html5页面制作，bootstrap布局等，合作qq/微信：6135833