對于那些根本不知道 HTML5 的人來說，他會覺得 H5 是個新名詞，就是指朋友圈中的那些動態(tài)頁面；對于那些知道 HTML5 的人來說，他覺得由于朋友圈中的動態(tài)頁面使用了 HTML5 技術(shù)，所以就簡單把它稱為 H5 了。

　　事實(shí)上，后一類人犯下的錯誤，并沒有比前一類人少。因?yàn)槲⑿爬锏哪切╉撁嬗泻芏嗖]有使用 HTML5 技術(shù)，只是個噱頭。準(zhǔn)確來說叫移動端的 Web App 才合適。

　　那么 H5 是什么？HTML5 又是什么？借著這些概念堆砌起來的 H5 生態(tài)圈、H5 產(chǎn)業(yè)，技術(shù)人員又是怎么看的？帶著這些問題，PingWest 品玩分別找非技術(shù)方向的互聯(lián)網(wǎng)用戶以及技術(shù)從業(yè)者聊了聊，來聽聽他們怎么說。

　　互聯(lián)網(wǎng)用戶

　　1：你眼中的 H5 是什么？你眼中的 HTML5 又是什么？

　　用戶 A：沒啥區(qū)別。

　　用戶 B：我眼中的 H5 就是 HTML 5。我眼中的 HTML 5 最開始是個編程語言，后來大家都這樣稱某些頁面，現(xiàn)在就覺得指用了豐富多媒體的網(wǎng)頁了。

　　2：你眼中微信朋友圈中哪些邀請函、動態(tài)頁面是什么？

　　用戶 A：邀請函動態(tài)頁面都是 H5 吧，我分不清。

　　用戶 B：那些是 H5。

　　H5生態(tài)圈和H5產(chǎn)業(yè)已經(jīng)喪失了價值?

　　技術(shù)從業(yè)者

　　由于技術(shù)從業(yè)者了解的更多，我們的問題也有所增加。

　　1：你眼中的 H5 是什么？

　　工程師 A：H5 是一群營銷人員造出來的一個詞匯，指代的是微信中可以點(diǎn)擊的、有特效有背景音樂、可以滑動切換界面、可以分享給其他人的東西。

　　工程師 B：一方面，也是大多數(shù)人所理解的，指那些移動設(shè)備效果友好、帶有簡單交互的頁面。另一方面，這是 HTML5 的縮寫，畢竟口頭念出「H」「T」「M」「L」「五」還是很費(fèi)勁的，但是書面表達(dá)還用 H5 作為 HTML5 的縮寫就太不專業(yè)了。

　　2：你眼中的 HTML5 是什么？

　　工程師 C：HTML5 是一個 Web 技術(shù)標(biāo)準(zhǔn)。

　　工程師 D：最新的 HTML 標(biāo)準(zhǔn)。

　　3：你眼中微信朋友圈中哪些邀請函、動態(tài)頁面是什么？

　　工程師 A：就是一些個 Web Page，沒有什么。

　　工程師 C：「H5」頁面的一種，但與能夠使用 HTML5 特性的普通頁面不同的是，他們能夠利用微信 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í)就是一個噱頭，還是偏營銷的成分偏多，忽悠 VC 的。這個問題的核心是移動端的 Web 是否還有戲，移動端的 Web 是否還能夠超越 Native App。我個人對具體技術(shù)并沒有什么特殊的偏執(zhí)，能顧滿足普通用戶需求的技術(shù)才是好技術(shù)，所以是什么技術(shù)無所謂，關(guān)鍵看他們解決了什么問題。那么你再看 Firefox OS 和 H5OS 就會清晰些，它們解決了什么問題呢？

　　工程師 B：單純從技術(shù)角度來看，如果這個產(chǎn)業(yè)、生態(tài)圈能夠真正推動 Web 技術(shù)的發(fā)展，那當(dāng)然是很好的。然而并沒有看到什么有價值的事情……

　　我更喜歡從市場角度來看。對于國內(nèi)來說，「H5」頁面作為朋友圈里最適合傳播的載體，希望在朋友圈里宣傳營銷的人就會有需求，需求足夠大就會有產(chǎn)業(yè)（刷榜、iMessage 營銷也是這樣的）。相關(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)是易于分享、易于更新、易于跨平臺，類似的需求都可以采用 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 然后在各個平臺都能用，這種說法已經(jīng)出來了很久，但最終并沒有被廠商和用戶廣為接受，這又是因?yàn)槭裁矗?/p>

　　工程師 C：主要是 HTML5 這個標(biāo)準(zhǔn)并沒有完完全全都覆蓋到所有需求，而且有些 HTML5 標(biāo)準(zhǔn)，瀏覽器或者手機(jī)不一定按照這個標(biāo)準(zhǔn)來實(shí)現(xiàn)。就好比你有一個插座的國際標(biāo)準(zhǔn)，但是蘋果就偏偏不用，就是用自己的標(biāo)準(zhǔn)。另外，很多人對「HTML5 開發(fā) App」的理解也有問題，其實(shí)這是一個技術(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ā)展，開始有一些簡單的 Web Apps 出現(xiàn)，但是性能不好效果也很卡。再后來 Firefox、Chrome 甚至 V8 引擎發(fā)布，Web 性能開始有明顯提升，更多流暢、復(fù)雜的 Web Apps 出現(xiàn)，性能方面不明顯落后于 Native Apps，在交互方面甚至還要優(yōu)于 Native Apps。尤其到了 PC 后期性能過剩階段，就很少人詬病 Web 性能了。我認(rèn)為同樣的故事也會發(fā)生在移動 Web 上。

　　好了，以上就是這次訪談的內(nèi)容。這篇文章在普及一些基本概念的同時，也希望大家對 H5 生態(tài)圈、H5 產(chǎn)業(yè)這些炒作概念的東西有更加清晰的認(rèn)識。就像幾位技術(shù)人員所說的那樣，在并沒有看到什么有價值的事情以及沒有解決什么問題的情況下，你看到那些天天鼓吹 H5 的人基本都是在做營銷。

　　最后也非常感謝 NetPuter 和 JS 小組提出的寶貴意見。JS 小組是一個非商業(yè)組織，由多個公司資深工程師組成，專注 JavaScript 相關(guān)及周邊技術(shù)。