俗稱的H5廣告的標準叫法和定義是什麼？要有出處？

要有權威的出處，比如哪本書里說的，或者最早是誰提出的。寫論文用，不敢亂說。。。有說正規的叫法是移動端web，但是一直找不到出處 。。

不知道國外這一塊領域是什麼情況，有像國內這樣的流行程度嗎？

求大神解惑

嚴格來說，H5 應該叫什麼？

謝邀（哈哈第一次在知乎說這句話！）

其實在很早以前就想過用一個技術名詞來泛指互動網頁其實是不嚴謹的。但是由於一直以來的懶癌發作，並沒有真的深究過這個東西應該叫什麼，我猜我是一個假的處女座吧！

正好趁著這個機會，花了幾個小時收集了一下資料，找了一下案例。就簡單來說一下H5 這個東西應該叫什麼吧！

廣告學角度：

首先從廣告學的角度來說吧！H5其實只是互動式廣告的一種，現在我們廣泛使用「H5」來界定的嚴格來說就是「移動端、全屏、運用HTML技術的互動式廣告」（今天一直在想是應該寫HTML5、html5還是Html5，求拯救）；

其實從傳統互聯網到移動互聯網，網頁上的廣告一直都不少，不過是形式和技術手段的不同，所有會有所區別；

形式上：banner、彈出廣告、互動網頁、移動端互動網站、VR、AR。

技術上：圖片、動圖、視頻、flash、HTML5；

以上的這些，對於廣告學來說，都是互動式廣告（Interactive Advertising）

下面是引用wiki里對互動廣告的中英文介紹

互動式廣告（Interactive Advertising）乃於線上或者離線情況下，利用互動式媒體來推銷以及/或者影響消費者購買決策。互動式廣告可利用媒體如互聯網、互動式電視、手機裝置(WAP、SMS以及APP)、以及攤位平台式終端達成目的。
Interactive advertising uses online or offline interactive media to communicate with consumers and to promote products, brands, services, and public service announcements, corporate or political groups.
In the inaugural issue of the Journal of Interactive Advertising,[1] editors Li and Leckenby (2000) defined interactive advertising as the 「paid and unpaid presentation and promotion of products, services and ideas by an identified sponsor through mediated means involving mutual action between consumers and producers.」 This is most commonly performed through the internet; often through the use of an ad server that can deliver a variety of interactive advertising units.

我找到2017年「學院獎」的命題通知，這個獎項相信廣告學子多多少少都會有接觸，它們上面稱之為「H5移動交互廣告」。

個人認為在學界這樣使用是不嚴謹的，H5是HTML5的簡稱，意思是HTML的5.0版本，「H5移動交互廣告」在技術人員眼裡和「Flash3.0桌面交互廣告」一樣奇怪。

引用了那麼多，我其實是在掩飾在「移動端互動網頁」（H5）這個細分領域國內的學者或者說廣告學界並沒有一個統一的定義。

如果在論文里需要使用到這個詞，建議與你的導師討論後使用，文末我加了一篇討論與之相關的問題的論文的網址，可以參考。

我建議使用「移動網頁互動廣告」這個名稱！

日常角度

上面雖然從廣告學角度說了一下「H5」應該怎麼去分類，但是我們還是要談一下從其他的日常使用情況來說「H5」這一形式我們應該怎麼來稱呼。

肯定有很多小夥伴在做H5的時候想要去找一些國外的案例來參考，但是好不容易翻牆出去了，我搜個H5，出來的全都是HTML5 的技術文檔，我們的內心是崩潰的。

這時有的小夥伴就會自信的想：難道是我天朝的H5已經遠遠把世界甩在了屁股後面？ 我只能說小夥伴們腦洞太大，我們在廣告上運用到的技術在這些年雖然高速發展，但是和歐美相比還是有一丁點兒差距的。

那麼我們要用什麼樣的關鍵詞來搜索國外的「H5」案例呢？

移動營銷（Mobile Marketing）：透過這個關鍵詞，我們可以找到的是運用手機及各種移動手持設備來進行的營銷案例，當然H5隻是其中的一部分；比如我找到的這個Saa航空公司在2012年做的《夫妻檔機票》，雙屏互動在2012年就有了呀！

Sas航空公司手機行銷App《夫妻檔機票》 ：http://v.youku.com/v_show/id_XMzQ2MTQzNjUy.html?from=s1.8-1-1.2amp;amp;amp;amp;spm=a2h0k.8191407.0.0

數字營銷(Digital Marketing）：透過這個關鍵詞，我們能找的大多是通過活動策劃，利用社交媒體，引爆病毒式傳播的案例。

這個就不舉例子了，你以為只是國內有「杜蕾斯」和「海爾」么？ 圖樣啊～

國外的H5案例

萬聖節互動廣告：

介紹：http://iwebad.com/case/5952.html

活動頁：https://www.takeortreat.com/

雪鐵龍汽車發展史

介紹：http://iwebad.com/case/6010.html

活動頁：http://www.citroenorigins.co.uk/en

技術角度

從技術角度來看，「互動網頁廣告」的出現體現了HTML的活力和優勢。

瀏覽器在手天下我都有，不管是系統自帶還是App內嵌，不管是普通動畫、3D還是VR，html都能輕鬆搞定，做網頁前端的小夥伴不要驕傲。

要不還是簡單說一下HTML的發展

初代：瀏覽器與靜態網頁

html（超文本標記語言）其實從簡單來說就是一個瀏覽器可以閱讀的語言，並且最終通過瀏覽器的轉碼，讓用戶能夠看到在特定版式內的圖像和文字。

這由於受低版本HTML語言和舊式瀏覽器的制約，Web頁面只能包括單純的文本內容，瀏覽器也只能顯示呆板的文字信息，但基本滿足了建立Web站點的初衷，實現了信息資源共享。

HTML+CSS+Js+… 動態網頁時代

為了克服靜態頁面的不足，人們將傳統單機環境下的編程技術引入互聯網路與Web技術相結合，從而形成新的網路編程技術。

網路編程技術通過在傳統的靜態頁面中加入各種程序和邏輯控制，在網路的客戶端和服務端實現了動態和個性化的交流與互動。人們將這種使用網路編程技術創建的頁面稱為動態頁面。

同時，大家還通過各種各樣的插件來完善網頁的功能，比如大名鼎鼎又臭名昭著的Flash，就為網頁提供了播放流媒體、各種動效的能力；

HTML5+…

H5是指第5代HTML，也指用H5語言製作的一切數字產品。所謂HTML是「超文本標記語言」的英文縮寫。
H5之所以能引發如此廣泛的效應，根本在於它不再只是一種標記語言，它為下一代互聯網提供了全新的框架和平台，包括提供免插件的音視頻、圖像動畫、本體存儲以及更多酷炫而且重要的功能，並使這些應用標準化和開放化，從而使互聯網也能夠輕鬆實現類似桌面的應用體驗。
H5的最顯著的優勢在於跨平台性，用H5搭建的站點與應用可以兼容PC端與移動端、Windows與Linux、安卓與IOS。它可以輕易地移植到各種不同的開放平台、應用平台上，打破各自為政的局面。

當然微信平台上「H5」的爆發也就是因為HTML5對移動端和各種動效的支持，各種各樣庫的接入甚至可以讓複雜的3d遊戲在網頁上實現。

webApp

就在國內微信大推小程序的同時，Google也沒閑著，一直在大力推進PWA-Progressive Web App；

Progressive Web Apps (以下簡稱 PWA)是 Google 在 2015 年推出的項目，是一種致力於將網頁 app 化的概念。不過，一直以來 web app 都沒有完全集成到 Android 系統中，但Google 已經計劃儘快改變這一局面。
Google 近日在其博客上宣布，PWA 將會深入集成到 Android 系統中，例如目前各種 PWA 在主屏上只有一個類似於網頁快捷方式的圖標，而在即將到來的 Chrome 測試版中，PWA 不僅能出現在屏幕主頁，也能出現在應用列表以及系統設置中，並能夠「接收來自其他應用程序的輸入意圖」 。

Google一直致力於把chrome打造成新一代的操作系統，而用瀏覽器來做OS，最大的障礙就是應用呀！所以Google一直在推動WebApp的發展，希望有一天WebApp能取代原生App。

而喬布斯在發布初代iPhone的時候，大家可要記住，那時的iPhone可是沒有應用商店的，那時喬老爺可說過：iPhone中有著完整的瀏覽器引擎，第三發開發者可以通過Web 2.0技術和Ajax技術寫出和iPhone自帶軟體一樣的應用。它們能完美地整合入iPhone提供的服務中，打電話，發郵件，甚至用谷歌地圖查找位置都沒有問題。 但是喬爺還是妥協了

WebApp在很多人眼裡是未來的趨勢，說不一定那一天，我們真的不用去下載原生App了！

參考書目

《互動廣告學》，梁峰，清華大學出版社，2008年出版

參考論文

《新媒體環境下的交互廣告設計研究》，韓靜華、李婧婧 ，北京林業大學，中圖分類號：J524.3 文獻標識碼：A 文章編號：1001-3563(2016)22-0056-05 ；下載網址：http://www.designartj.com/bzgcysb/ch/reader/create_pdf.aspx?file_no=201622013amp;amp;amp;amp;year_id=2016amp;amp;amp;amp;quarter_id=22amp;amp;amp;amp;falg=1

參考網站

網路人社區：http://iwebad.com/interactive-marketing/mobile-marketing/

數英網：http://www.digitaling.com/

wiki：https://zh.wikipedia.org/zh/%E4%BA%92%E5%8B%95%E5%BC%8F%E5%BB%A3%E5%91%8A；

https://en.wikipedia.org/wiki/Interactive_advertising

現在大家常說的H5，其實泛指所有「做了移動端適配的web頁面」。它長得像是HTML5的縮寫，但嚴格地講，這個H5跟技術界大名鼎鼎的HTML5並不是一個東西。那個高深的HTML5，是萬維網的核心語言HTML於2014年10月29日發布的第五次重大修訂版本，主要用於提升對多媒體的支持。

可見，HTML5與所運行終端類型（PC端、移動端）是兩個不同層次的概念。也就是說HTML5頁面不僅僅在移動端展現，而H5頁面很可能並不包含HTML5新特性。聽起來有點繞，但道理就是這樣的。既然H5這個怪胎術語「生米已經煮成燒飯」，那就將錯就錯繼續這麼叫吧，不丟人。

=====

擴展閱讀，幾種刷屏級H5的套路：

如何打造BMW M2那樣彪悍的互動？

如何從產品數據中挖出好策劃？

牛逼策劃的秘密(1)：加入「個體印記」！

P.S.：我的公眾號：自傳播實驗室，裡面有很多有關H5創意策劃、產品、品牌方面的思考和案例，歡迎關注和交流。