“盤”了一籮筐H5相關概念
大家好,我是才知道什麼叫“盤”的小Z。
昨日小Z正沉浸在沒被“盤”過的喜悅裡,抱著保溫杯的技叔猛然扭頭髮問:
“移動端網站和H5是一個東西嗎?”
本Z小聲bibi:“也許Maybe可能是吧,反正都是網站嘛...”,略帶顫巍的餘音在鍵盤聲裡消散。
技叔:“確定?”
正當我心虛轉身敲字搜尋時,技叔送了我七個大字:你不“盤”它,我“盤”你...
於是......
於是有了這篇內容,非常歡迎大家向小Z“盤”各種問題,技術面前無難題!悄悄告訴你們,我寧願被你們“盤”,也不願被技叔盤”。(職業假笑.avi)
首先來看下H5的概念,H5是指第5代HTML,也指用H5語言製作的一切數字產品。
所謂HTML是“超文字標記語言”的英文縮寫。我們上網所看到的網頁,多數都是由HTML寫成。
“超文字”是指頁面內可以包含圖片、連結,甚至音樂、程式等非文字元素,而“標記”指的是這些超文字必須由包含屬性的開頭與結尾標誌來標記。
瀏覽器通過解碼HTML,就可以把網頁內容顯示出來,它也構成了網際網路興起的基礎。
H5,其實並不是一項技術,而是一項標準 ,其中所包含的技術主要有頁面素材預載入技術,音樂載入播放技術,可以滑動的頁面,可以塗抹擦除,有動態的文字和圖片,可以填表報名,可以支援分享自定義的文案和圖片等一系列技術。
H5的應用
當然大家最關注的是H5的應用,如下圖所示,H5的應用很廣泛,基於H5有很多產品載體,比如PPT、APP等,但這些產品載體在實現過過程中,也會用到其他的技術,涉及內容較多,暫不介紹。

而從營銷層面,最常用的是H5頁面,這些頁面可以單獨傳播,即H5海報,也可以嵌入公眾號,嵌入APP、嵌入小程式等,這種形式並不僅僅可以在微信端顯示,作為一個頁面,獲取連結後,也可以在PC端開啟。
H5頁面主要型別
1)品牌傳播型H5
等同於一個品牌的微官網,更傾向於品牌形象塑造,向用戶傳達品牌的精神態度。在內容上倡導一種態度、一個主旨,在設計上則需要運用符合品牌氣質的視覺語言,讓使用者對品牌留下深刻印象。
2)活動推廣型H5
活動運營頁需要有更強的互動、更高質量、更具話題性的設計來促成使用者分享傳播,行成爆炸式的傳播效應。活動推廣之賀卡邀請型、活動推廣之遊戲互動型、活動推廣之答題有禮型等。
3)產品展示型H5
聚焦於產品功能介紹,運用H5的互動技術優勢盡情展示產品特性,吸引使用者購買。
4)裂變增長型H5
過社交傳播,獲取流量,實現使用者裂變增長。
H5網站VS移動端網站
那移動端網站跟H5網站到底是什麼關係呢?
移動端網站是相對於PC端網站提出的概念,隨著大屏智慧手機以及ipad等通訊裝置的廣泛應用,網站樣式風格也與時俱進,在滿足PC端計算機的瀏覽時,移動端同樣適合訪客瀏覽,但由於PC端螢幕比移動端相對較大,利用手機檢視網站時,無論是開啟方式、展示內容都會出現錯亂,而網際網路技術的迅速發展,手機網站自助建站,使得移動端顯示和操作更加流暢。

實際無論移動端網站還是PC端網站都可以叫H5網站,因為H5是一種語言,移動端和PC端常用開發語言同是html+css+js,但通常移動端網站更容易被人當作H5網站,因為H5代表的是一個大的集合,可以包含所有有關於網頁資訊的統稱,但偏向於宣傳頁或者活動頁這些比較炫酷的頁面,相對來講,更適合移動端展示。
簡單來說,H5網站大於等於移動端網站,兩個都是指網站,一個是用語言命名,一個針對使用載體命名。
齒輪易創是一家為企業提供一體化技術產品解決方案的創新型網際網路公司,從解決方案、產品設計、產品開發、測試上線等全流程為企業解決實際問題,幫助企業網際網路轉型,達成資訊化、打破技術壁壘。目前齒輪易創已為包括亞馬遜、印象筆記、格理集團、Visa等200+企業提供軟體定製服務,為2000+企業提供產品諮詢。