對(duì)于那些根本不知道 HTML5 的人來說，他會(huì)覺得 H5 是個(gè)新名詞，就是指朋友圈中的那些動(dòng)態(tài)頁(yè)面；對(duì)于那些知道 HTML5 的人來說，他覺得由于朋友圈中的動(dòng)態(tài)頁(yè)面使用了 HTML5 技術(shù)，所以就簡(jiǎn)單把它稱為 H5 了。
事實(shí)上，后一類人犯下的錯(cuò)誤，并沒有比前一類人少。因?yàn)槲⑿爬锏哪切╉?yè)面有很多并沒有使用 HTML5 技術(shù)，只是個(gè)噱頭。準(zhǔn)確來說叫移動(dòng)端的 Web App 才合適。
那么 H5 是什么？HTML5 又是什么？借著這些概念堆砌起來的 H5 生態(tài)圈、H5 產(chǎn)業(yè)，技術(shù)人員又是怎么看的？帶著這些問題，PingWest 品玩分別找非技術(shù)方向的互聯(lián)網(wǎng)用戶以及技術(shù)從業(yè)者聊了聊，來聽聽他們?cè)趺凑f。
互聯(lián)網(wǎng)用戶
1：你眼中的 H5 是什么？你眼中的 HTML5 又是什么？
用戶 A：沒啥區(qū)別。
用戶 B：我眼中的 H5 就是 HTML 5。我眼中的 HTML 5 最開始是個(gè)編程語言，后來大家都這樣稱某些頁(yè)面，現(xiàn)在就覺得指用了豐富多媒體的網(wǎng)頁(yè)了。
2：你眼中微信朋友圈中哪些邀請(qǐng)函、動(dòng)態(tài)頁(yè)面是什么？
用戶 A：邀請(qǐng)函動(dòng)態(tài)頁(yè)面都是 H5 吧，我分不清。
用戶 B：那些是 H5。
H5生態(tài)圈和H5產(chǎn)業(yè)已經(jīng)喪失了價(jià)值?
技術(shù)從業(yè)者
由于技術(shù)從業(yè)者了解的更多，我們的問題也有所增加。
1：你眼中的 H5 是什么？
工程師 A：H5 是一群營(yíng)銷人員造出來的一個(gè)詞匯，指代的是微信中可以點(diǎn)擊的、有特效有背景音樂、可以滑動(dòng)切換界面、可以分享給其他人的東西。
工程師 B：一方面，也是大多數(shù)人所理解的，指那些移動(dòng)設(shè)備效果友好、帶有簡(jiǎn)單交互的頁(yè)面。另一方面，這是 HTML5 的縮寫，畢竟口頭念出「H」「T」「M」「L」「五」還是很費(fèi)勁的，但是書面表達(dá)還用 H5 作為 HTML5 的縮寫就太不專業(yè)了。
2：你眼中的 HTML5 是什么？
工程師 C：HTML5 是一個(gè) Web 技術(shù)標(biāo)準(zhǔn)。
工程師 D：最新的 HTML 標(biāo)準(zhǔn)。
3：你眼中微信朋友圈中哪些邀請(qǐng)函、動(dòng)態(tài)頁(yè)面是什么？
工程師 A：就是一些個(gè) Web Page，沒有什么。
工程師 C：「H5」頁(yè)面的一種，但與能夠使用 HTML5 特性的普通頁(yè)面不同的是，他們能夠利用微信 JS SDK 使用微信特有的功能，比如獲取網(wǎng)絡(luò)狀態(tài)、獲取用戶信息、錄音、微信支付等功能。
4：從技術(shù)人員的視角來說，你怎么看待當(dāng)前的 H5 生態(tài)圈、H5 產(chǎn)業(yè)？比如 fork 自 Firefox OS 的 H5OS 前不久就獲得了 1 億美元的融資。
工程師 D：H5 其實(shí)就是一個(gè)噱頭，還是偏營(yíng)銷的成分偏多，忽悠 VC 的。這個(gè)問題的核心是移動(dòng)端的 Web 是否還有戲，移動(dòng)端的 Web 是否還能夠超越 Native App。我個(gè)人對(duì)具體技術(shù)并沒有什么特殊的偏執(zhí)，能顧滿足普通用戶需求的技術(shù)才是好技術(shù)，所以是什么技術(shù)無所謂，關(guān)鍵看他們解決了什么問題。那么你再看 Firefox OS 和 H5OS 就會(huì)清晰些，它們解決了什么問題呢？
工程師 B：?jiǎn)渭儚募夹g(shù)角度來看，如果這個(gè)產(chǎn)業(yè)、生態(tài)圈能夠真正推動(dòng) Web 技術(shù)的發(fā)展，那當(dāng)然是很好的。然而并沒有看到什么有價(jià)值的事情……
我更喜歡從市場(chǎng)角度來看。對(duì)于國(guó)內(nèi)來說，「H5」頁(yè)面作為朋友圈里最適合傳播的載體，希望在朋友圈里宣傳營(yíng)銷的人就會(huì)有需求，需求足夠大就會(huì)有產(chǎn)業(yè)（刷榜、iMessage 營(yíng)銷也是這樣的）。相關(guān)的產(chǎn)業(yè)、生態(tài)圈以「H5」為噱頭進(jìn)行宣傳也不足為奇。
5：HTML5 技術(shù)主要有哪些應(yīng)用方向？轉(zhuǎn)換成普通用戶可見的產(chǎn)品又有哪些？
工程師 B：HTML5 技術(shù)其實(shí)你可以理解為 Web 技術(shù)，就是電腦中的瀏覽器打開的網(wǎng)站其實(shí)都是 Web 技術(shù)構(gòu)建的。Web 能夠做的事情很多，主要特點(diǎn)是易于分享、易于更新、易于跨平臺(tái)，類似的需求都可以采用 Web 來搞定。普通用戶可見的產(chǎn)品其實(shí)有很多，比如微信中點(diǎn)到「錢包」項(xiàng)中，所有的類目多多少少都是 Web 技術(shù)構(gòu)建的。
工程師 D：多媒體：在線視頻、音樂消費(fèi)；地理位置：地圖；重力感應(yīng)：游戲，或者視覺效果；音頻編輯：特殊音效；通知：新消息提醒；綜合：不必安裝即可試用的「輕應(yīng)用」，或者像 Google Docs 這種富應(yīng)用。
6：用 HTML5 開發(fā) app 然后在各個(gè)平臺(tái)都能用，這種說法已經(jīng)出來了很久，但最終并沒有被廠商和用戶廣為接受，這又是因?yàn)槭裁矗?/p>
工程師 C：主要是 HTML5 這個(gè)標(biāo)準(zhǔn)并沒有完完全全都覆蓋到所有需求，而且有些 HTML5 標(biāo)準(zhǔn)，瀏覽器或者手機(jī)不一定按照這個(gè)標(biāo)準(zhǔn)來實(shí)現(xiàn)。就好比你有一個(gè)插座的國(guó)際標(biāo)準(zhǔn)，但是蘋果就偏偏不用，就是用自己的標(biāo)準(zhǔn)。另外，很多人對(duì)「HTML5 開發(fā) App」的理解也有問題，其實(shí)這是一個(gè)技術(shù)問題。比如有些人將 Hybrid 方案也算到 HTML5 的頭上了，比如 PhoneGap、Ionic、甚至是 React Native 開發(fā)的 App，有的人也算到 HTML5 頭上了，類似的點(diǎn)還有很多的概念盜用，真是搞笑。
工程師 A：我覺得主要還是受限于手機(jī)性能?；仡櫘?dāng)年 PC Web 的發(fā)展，早期大家也是主要使用 Native Apps，Web 也只是作為展示使用。后來隨著 HTML 技術(shù)發(fā)展，開始有一些簡(jiǎn)單的 Web Apps 出現(xiàn)，但是性能不好效果也很卡。再后來 Firefox、Chrome 甚至 V8 引擎發(fā)布，Web 性能開始有明顯提升，更多流暢、復(fù)雜的 Web Apps 出現(xiàn)，性能方面不明顯落后于 Native Apps，在交互方面甚至還要優(yōu)于 Native Apps。尤其到了 PC 后期性能過剩階段，就很少人詬病 Web 性能了。我認(rèn)為同樣的故事也會(huì)發(fā)生在移動(dòng) Web 上。
好了，以上就是這次訪談的內(nèi)容。這篇文章在普及一些基本概念的同時(shí)，也希望大家對(duì) H5 生態(tài)圈、H5 產(chǎn)業(yè)這些炒作概念的東西有更加清晰的認(rèn)識(shí)。就像幾位技術(shù)人員所說的那樣，在并沒有看到什么有價(jià)值的事情以及沒有解決什么問題的情況下，你看到那些天天鼓吹 H5 的人基本都是在做營(yíng)銷。
最后也非常感謝 NetPuter 和 JS 小組提出的寶貴意見。JS 小組是一個(gè)非商業(yè)組織，由多個(gè)公司資深工程師組成，專注 JavaScript 相關(guān)及周邊技術(shù)。