H5是html5的簡稱,運用該語言制作成我們在微信朋友圈中經(jīng)?吹降,點開后可以滑動翻頁、帶動畫特效、有音樂之類的非常精美的內(nèi)容,甚至微信朋友圈中看到的各大品牌廣告,也全部都是用H5制作的,我們稱之為H5場景。
H5指的不是HTML5,而是某種在微信等移動端看起來很酷炫的小頁面,以在朋友圈分享的,他們實際要的東西拆開來看大概包括以下技術(shù)點:
1.頁面素材預加載技術(shù),可以使用createJS之中的preloadJS。我沒有看preloadJS的源碼,不過預加載并不是HTML5標準中更新的方法。
2.音樂加載播放技術(shù),createJS中同樣有soundJS可以實現(xiàn),而且這部分說起來確實是HTML5標準支持的內(nèi)容,在上個時代并沒有audio這樣的標簽。
3.可以滑動的頁面,大多數(shù)是用了swiper.js這個Jquery插件,也有一些是手寫的swipe,比較拙劣的手寫版頁面是不會跟手滑動的,其中touchstart等四個touch系列的事件是HTML5標準中的事件
4.可以涂抹擦除,多半是canvas疊加層,canvas是HTML5標準里面的標簽,是代表了先進生產(chǎn)力的標簽。
5.有動態(tài)的文字和圖片,常見的是使用了css3或者直接使用js動畫。很多時候提到HTML5多半還會帶上CSS3,而CSS的分級又是另外的一個問題了,在不同的項目標準上,CSS會獨立定級,以后應該不會有CSS4這個東西,所以大家也不用擔心在H5以后又冒出來了C4(不過真是想用C4炸死那些每天把H5掛在嘴上的人)
6.可以填表報名,這是最基本的表單,是有網(wǎng)頁以來就有的東西。
7.可以支持分享自定義的文案和圖片,這個是用到了微信的jssdk,和HTML標準沒有關(guān)系。
所以我們在談論H5的時候,實際上是一個解決方案,一個看起來酷炫的移動端onepage網(wǎng)站的解決方案。而這個解決方案不僅包含了HTML5新增的audio標簽,canvas,拖拽特性,本地存儲,websocket通信,同時也包括了盒模型,包括絕對定位,包括一切前端的基本知識。
H5場景比以往的形式更容易引發(fā)用戶的閱讀和分享,制作一個優(yōu)秀的H5甚至可以達到數(shù)億的曝光量,所以現(xiàn)在很多商家企業(yè)都在努力研究制作H5場景,達到最終良好的營銷目的。當然,除了用于商業(yè)之外,個人也可以用來制作屬于自己的個性化H5場景,例如:紀念相冊、講義PPT、婚禮請?zhí)鹊,試想,當郵寄請?zhí)姆绞阶兂闪艘绘I發(fā)給所有親朋好友的精美H5場景請?zhí)嵌嗝从腥さ囊患虑。當然,還有很多人用來制作好玩的小游戲。
您對此還不是很了解的話,歡迎垂詢:0371-65523857