從2014年起,一個叫做H5的詞出現了,稀裡糊塗成了當紅辣子雞,不光是從業的互聯網人,營銷人甚至其他行業的從業者也被引入旋渦--門口賣水果大米的,小⑤實習所在的工廠主管們也開始迷信H5效應,相信這種高科技新形式所帶來的傳播力,那麼今天小⑤給大家解釋解釋神奇的H5是一個什麼東西。
♫. ♪~♬..♩
音樂
音視頻一體充滿互動性
愛因斯坦說 H5是HTML5的縮寫 ,一種很厲害的新技術。
高斯說H5是植入在微信内,能分享,會動的網頁。
魯迅說H5是網頁版的超級移動PPT。
電腦網頁的标記語言就是HTML
一
起源
H5是一種網頁标記語言,HTML,全稱為Hyper Text Markup Language ,中文名字叫做超文本标記語言,1994年由萬維網(W3C)發明,用來标記我們今天看到的所有網頁的框架,也可以理解為HTML是用來标記出位置的一套規範,之後随着時間的推移,如今的HTML依然成為了網頁标記語言的行業規範,而今天看到的大多數網頁就是由三劍客HTML,CSS,JS一同編寫實現的。
把網站比作一個人,HTML相當人的骨骼,HTML相當于人體骨骼,CSS相當于人體的血肉,而JS相當于人體的動作。
二
進化
從1994年到2014年的此後20年間,HTML完成了5次大升級,直到2014年10月HTML5最終定稿。相比于HTML4來說,HTML5新增了很多标記,包括webGL的3D編輯能力,并且真正擺脫了FLASH這類第三方插件,能夠獨立完成完成音視頻的播放,同時宣布統治世界網絡多年的IE FLASH的黃金搭檔逐漸成為曆史。
喬布斯于2007年WWDC開發者大會上宣布iPhone将支持HTML5
由于互聯網的興起,得以讓蘋果和谷歌聯手引領了網頁技術,并推廣了HTML5這種唯一可以通吃PC Mac iPhone ipad Android windows phone等幾乎所有電子設備的平台語言,從而成就了HTML5在移動互聯網未來的主流地位。
HTMl5是HTML的第五次重大修改,而這套标記語言就是構成網頁的基礎,小夥伴們平時觀察網頁的後綴看見的html的字樣,就是一種網頁規範像公司制度國家法律一樣規範着微妙的前端程序員們的操作。
三
問題
H5=HTML5是否可以成立?
很多小夥伴覺得這二者是一樣的,那麼我們先從H5說起,從前起給它第一個外号的人很難找到了。使用這個名字的理由很多,也許因為這個名字特别洋氣也許因為傳播者忽視知識背景,無所謂名稱含義……而H5在營銷詞典裡火起來不出一年半就到了各行各業,于是,全國都知道了有個厲害的東西叫剛學了點皮毛的人就把它當做高端技術出來賣。但在整個鍊條中,有眼睛尖的人發現不對勁了。
很多人會覺得H5是HTML5的縮寫,這個看似合理的說法其實是錯誤的,因為HTML5本來已經是縮寫了,如果再縮寫一次,又是個什麼鬼?H5也不是很規範,更像是及時執行方式,有很多功能性和特性,所以H5=HTML5是根本無法成立的!二者是有聯系但并不是對等的。在2015年上半年,随着H5的火爆,引起了一場技術陣營與營銷陣營之間的定義争分,當時的互聯網兩方大打口水之戰,對定義展開了一場博弈,結果是技術陣營的妥協,但也證明了HTML5和H5的内涵并非完全一緻。
H5=微信網頁是否可以成立?
從切身體驗來說,H5似乎就是基于微信的網頁,但實際并非如此,大多數情況下,我們是通過朋友圈和微信群來觀看H5網頁的,但實際上我們可以用任何浏覽器觀看H5頁面,不管是PC端還是iPad端。沒有朋友圈H5依然可以被浏覽,它的特效和演示甚至比你在微信觀看還流暢。
原因是因為微信集成了移動端浏覽器,離開微信,H5還可以看,隻是因為人們習慣于通過微信朋友圈的分享打開H5來觀看網頁。所以H5并不是微信網頁,它是一個更大的概念,隻是因為微信巨大的用戶群讓我們覺得H5集中于微信,這個頁面是微信獨有的,也讓人們不自覺的把H5和微信網頁畫上了等号。
如果你不相信的話,複制微信裡的H5網站的地址,然後粘貼到電腦浏覽器,依舊可以打開。因為微信的原因,才使H5能夠迅速發展起來。但是H5并不是微信專有網頁,H5的概念遠大于此。
H5=移動PPT\APP,又是否可以成立?
我們經常提的PPT,實際上就是代指幻燈片的意思,人們使用powerpoint用慣了就和幻燈片劃等号了即使這個幻燈片不是用PowerPoint做的,習慣成自然嘛H5确實實現了幻燈片的功能,但它不僅僅是移動幻燈片,它能實現的事情遠比移動幻燈片要多得多。
手機端APP在今天當然是可以用H5來實現的,但是APP還有着原生開發模式(NATIVE APPS),H5和WEB APPS關聯更大,他們是相互包含的關系,而微信在2016年年底推出的小程序就是一個完全依靠H5來改善現有APP諸多問題的解決方案,小程序下的小應用是一個H5版本的移動APP,但即使如此,APP也不可以和H5對等。網上的H5 APP這樣的名詞也更讓人費解,H5 APP 并不等于web APP。
四
本質
那麼H5究竟是什麼呢?
當我們把常規猜測和網上讨論的話題我們論證之後發現結果都不成立! 你會發現H5它包括了HTML5的标記規範,運用了css js等多種計算語言,可以實現多種動效和視聽效果,會用到後端和前端多種功能,主要在手機端傳播,可以跨平台浏覽等。
當我們在這些所有特性上尋找共性時發現H5并不是HTML5,不是一個微信網頁,不是移動app。
相反,從某種意義上來說,它是這些東西的母級,H5所指的就是移動網頁本身,它能包括所有這些分支!
H5是中國人制造的一個的專有名詞,就像是我們喜歡把蘋果X說成腎叉一樣通俗好記。但H5壞就壞就壞在它是個英文縮寫,似乎是尖端技術,實際上國外根本沒有這種說法,老外都不知道咋搞H FIVE是個什麼東西,看上去極為洋氣的玩意兒,又是一個假洋鬼子。
還原HTML5 web site,webapps, Minisite的母級,從我需要尋找的特性來看,同樣是移動網頁的意思,它的遭遇就很類似我們平時老百姓挂在嘴邊的PPT一樣,我們實際說的并不是PowerPoint,而是幻燈片。同樣的我們講的也不是H5,而是移動網頁,就像是很多人熟悉的H5,但是也不清楚它是幹什麼的,費那麼大力氣去了解又有什麼用呢。
定義的作用
直到今天,有很多同學問我H5怎麼做,他們總會發來一個連接,問我這個是不是H5,而通常情況是我沒必要打開,因為如果不是移動網頁,你怎麼可能通過微信發給我呢?人們對概念模糊時,是沒辦法進行創作的,他們會盲目跟風,會被他人的成功和舉動所影響,就像是2015年至2016年發生的情景,90%的創作者會跟風,對H5本身的誤讀造成了他們創作的屏障。而H5是個嶄新的領域,它最需要就是我們這些設計者的開荒,僞裝接電話,僞裝朋友圈,小視頻,3D交互效果的第一次植入,這些舉動沒有對H5本身的理解和認識,是沒辦法實現的。
在你學習了H5的知識之後,了解到移動網頁能做的H5 都能做時,這實際上是對開發者想象力的一種解脫,你的參考對象再也不是其他人的案列,而是移動網頁技術本身,這對設計者的意義巨大。所以說,認識H5的定義是你有效設計的開始,再下期的文章中 小⑤會告訴小夥伴們H5的潛力有多大。
THE END
文字 /部分摘自書籍
排版 / 小⑤
圖片 / 互聯網
你懂H5是什麼了嗎?
小⑤工作室榮譽出品
三個維度的創新
金牌運營
行業 / 時勢 / 營銷 / 内容
關注公衆号可領取小⑤微信營銷更多小技巧
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!