不知道大家有沒有和小編一樣，在微信朋友圈中，我們常常可以看到各種制作精美的電子邀請函、企業招聘廣告、時尚的電子海報、趣味測試或是抽獎紅包等營銷活動。這些移動端營銷內容畫質精良、體驗流暢，還支持播放音樂、小視頻等多媒體素材。那么，這些看上去很炫酷的內容是怎樣制作出來的呢？

在這里，小編先給大家科普一下知識。簡單版：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