通信網(wǎng)banner.jpg)
相關(guān)專題：
對(duì)于那些根本不知道 HTML5 的人來說，他會(huì)覺得 H5 是個(gè)新名詞，就是指朋友圈中的那些動(dòng)態(tài)頁面；對(duì)于那些知道 HTML5 的人來說，他覺得由于朋友圈中的動(dòng)態(tài)頁面使用了 HTML5 技術(shù)，所以就簡(jiǎn)單把它稱為 H5 了。
事實(shí)上，后一類人犯下的錯(cuò)誤，并沒有比前一類人少。因?yàn)槲⑿爬锏哪切╉撁嬗泻芏嗖]有使用 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è)編程語言，后來大家都這樣稱某些頁面，現(xiàn)在就覺得指用了豐富多媒體的網(wǎng)頁了。
2：你眼中微信朋友圈中哪些邀請(qǐng)函、動(dòng)態(tài)頁面是什么？
用戶 A：邀請(qǐng)函動(dòng)態(tài)頁面都是 H5 吧，我分不清。
用戶 B：那些是 H5。
技術(shù)從業(yè)者
由于技術(shù)從業(yè)者了解的更多，我們的問題也有所增加。
1：你眼中的 H5 是什么？
工程師 A：H5 是一群營(yíng)銷人員造出來的一個(gè)詞匯，指代的是微信中可以點(diǎn)擊的、有特效有背景音樂、可以滑動(dòng)切換界面、可以分享給其他人的東西。
工程師 B：一方面，也是大多數(shù)人所理解的，指那些移動(dòng)設(shè)備效果友好、帶有簡(jiǎn)單交互的頁面。另一方面，這是 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)頁面是什么？
工程師 A：就是一些個(gè) 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í)就是一個(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í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ù)。
