H5 是一個產品名詞
HTML5 是一個技術名詞
打個比方，如果有個人跟你說：“我要做個網站，H5的”。
那TA是想讓你用header、footer、nav、section等標籤？
讓你用Geolocation、localStorage、Web Worker等API？
Up一張之前和甲方之間的聊天記錄，甲方突然問了這麼一句，大家感受一下。
這就是為什麼我很反感別人跟我說H5，我特麼知道你到底什麼意思。。。
科普一下：
HTML5並不是一項技術，而是一個標準。具體是超文字標記語言第五代巴拉巴拉的我就不詳細敘述了，想知道自行腦補吧。
詳細說下我理解的H5：
H5是一項技術合集，大概包括一下幾種：
1. 頁面素材預載入技術，可以使用createJS之中的preloadJS。
2. 音樂載入播放技術，createJS中同樣有soundJS可以實現。
3. 整屏滑動，大多數是用了swiper.js這個Jquery外掛。
4. 可以塗抹擦除，多半是canvas疊加層，canvas是HTML5標準裡面的標籤。
5. 有動態的文字和圖片，常見的是使用了css3或者直接使用js動畫或者還有canvas。
等等等.........
=========================== 劃重點 ============================
所以，最終當我們在談論H5的時候，實際上是一個解決方案，一個看起來酷炫的移動端網站的解決方案。而這個解決方案不僅包含了HTML5新增的audio標籤，canvas，拖拽特性，本地儲存，websocket通訊，同時也包括了盒模型，包括絕對定位，包括一切前端的基本知識。
H5 是一個產品名詞
HTML5 是一個技術名詞
打個比方，如果有個人跟你說：“我要做個網站，H5的”。
那TA是想讓你用header、footer、nav、section等標籤？
讓你用Geolocation、localStorage、Web Worker等API？
Up一張之前和甲方之間的聊天記錄，甲方突然問了這麼一句，大家感受一下。
這就是為什麼我很反感別人跟我說H5，我特麼知道你到底什麼意思。。。
科普一下：
HTML5並不是一項技術，而是一個標準。具體是超文字標記語言第五代巴拉巴拉的我就不詳細敘述了，想知道自行腦補吧。
詳細說下我理解的H5：
H5是一項技術合集，大概包括一下幾種：
1. 頁面素材預載入技術，可以使用createJS之中的preloadJS。
2. 音樂載入播放技術，createJS中同樣有soundJS可以實現。
3. 整屏滑動，大多數是用了swiper.js這個Jquery外掛。
4. 可以塗抹擦除，多半是canvas疊加層，canvas是HTML5標準裡面的標籤。
5. 有動態的文字和圖片，常見的是使用了css3或者直接使用js動畫或者還有canvas。
等等等.........
=========================== 劃重點 ============================
所以，最終當我們在談論H5的時候，實際上是一個解決方案，一個看起來酷炫的移動端網站的解決方案。而這個解決方案不僅包含了HTML5新增的audio標籤，canvas，拖拽特性，本地儲存，websocket通訊，同時也包括了盒模型，包括絕對定位，包括一切前端的基本知識。