網(wǎng)友解答: H5 是一個(gè)產(chǎn)品名詞HTML5 是一個(gè)技術(shù)名詞打個(gè)比方，如果有個(gè)人跟你說(shuō)：“我要做個(gè)網(wǎng)站，H5的”。那TA是想讓你用header、footer、nav、section等標(biāo)簽？

H5 是一個(gè)產(chǎn)品名詞

HTML5 是一個(gè)技術(shù)名詞

打個(gè)比方，如果有個(gè)人跟你說(shuō)：“我要做個(gè)網(wǎng)站，H5的”。

那TA是想讓你用header、footer、nav、section等標(biāo)簽？

讓你用Geolocation、localStorage、Web Worker等API？

Up一張之前和甲方之間的聊天記錄，甲方突然問(wèn)了這么一句，大家感受一下。

這就是為什么我很反感別人跟我說(shuō)H5，我特么知道你到底什么意思。。。

科普一下：

HTML5并不是一項(xiàng)技術(shù)，而是一個(gè)標(biāo)準(zhǔn)。具體是超文本標(biāo)記語(yǔ)言第五代巴拉巴拉的我就不詳細(xì)敘述了，想知道自行腦補(bǔ)吧。

詳細(xì)說(shuō)下我理解的H5：

H5是一項(xiàng)技術(shù)合集，大概包括一下幾種：

1. 頁(yè)面素材預(yù)加載技術(shù)，可以使用createJS之中的preloadJS。

2. 音樂(lè)加載播放技術(shù)，createJS中同樣有soundJS可以實(shí)現(xiàn)。

3. 整屏滑動(dòng)，大多數(shù)是用了swiper.js這個(gè)Jquery插件。

4. 可以涂抹擦除，多半是canvas疊加層，canvas是HTML5標(biāo)準(zhǔn)里面的標(biāo)簽。

5. 有動(dòng)態(tài)的文字和圖片，常見(jiàn)的是使用了css3或者直接使用js動(dòng)畫(huà)或者還有canvas。

6. 支持分享自定義的文案和圖片，這個(gè)是用到了微信的jssdk，和HTML標(biāo)準(zhǔn)半毛錢(qián)關(guān)系都沒(méi)有。

等等等.........

對(duì)于甲方粑粑來(lái)說(shuō)，H5指的不是HTML5，而是某種在微信等移動(dòng)端看上去酷炫能夠提升公司格調(diào)順便亮瞎訪問(wèn)者氪金狗眼頓升膜拜之心就算沒(méi)有內(nèi)容也能被廣泛轉(zhuǎn)發(fā)分享的一種東西。[捂臉笑哭.JPG]

=========================== 劃重點(diǎn) ============================

所以，最終當(dāng)我們?cè)谡務(wù)揌5的時(shí)候，實(shí)際上是一個(gè)解決方案，一個(gè)看起來(lái)酷炫的移動(dòng)端網(wǎng)站的解決方案。而這個(gè)解決方案不僅包含了HTML5新增的audio標(biāo)簽，canvas，拖拽特性，本地存儲(chǔ)，websocket通信，同時(shí)也包括了盒模型，包括絕對(duì)定位，包括一切前端的基本知識(shí)。

這是之前七夕活動(dòng)的一個(gè)H5視頻，H5說(shuō)簡(jiǎn)單了就是你通過(guò)平臺(tái)上傳照片或者視頻可以做出在微信上進(jìn)行宣傳的一種小視頻類型。