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