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

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

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

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

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

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

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

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

科普一下：

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

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

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

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

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

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

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

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

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

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

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

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

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

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