對(duì)于那些根本不知道HTML5的人來(lái)說(shuō)，他會(huì)覺(jué)得H5是個(gè)新名詞，就是指朋友圈中的那些動(dòng)態(tài)頁(yè)面；對(duì)于那些知道HTML5的人來(lái)說(shuō)，他覺(jué)得由于朋友圈中的動(dòng)態(tài)頁(yè)面使用了HTML5技術(shù)，所以就簡(jiǎn)單把它稱為H5了。

　　事實(shí)上，后一類人犯下的錯(cuò)誤，并沒(méi)有比前一類人少。因?yàn)槲⑿爬锏哪切╉?yè)面有很多并沒(méi)有使用HTML5技術(shù)，只是個(gè)噱頭。準(zhǔn)確來(lái)說(shuō)叫移動(dòng)端的WebApp才合適。

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

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

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

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

　　用戶B：我眼中的H5就是HTML5。我眼中的HTML5最開(kāi)始是個(gè)編程語(yǔ)言，后來(lái)大家都這樣稱某些頁(yè)面，現(xiàn)在就覺(jué)得指用了豐富多媒體的網(wǎng)頁(yè)了。

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

　　用戶A：邀請(qǐng)函動(dòng)態(tài)頁(yè)面都是H5吧，我分不清。

　　用戶B：那些是H5。

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

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

　　1：你眼中的H5是什么？

　　工程師A：H5是一群營(yíng)銷人員造出來(lái)的一個(gè)詞匯，指代的是微信中可以點(diǎn)擊的、有特效有背景音樂(lè)、可以滑動(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è)WebPage，沒(méi)有什么。

　　工程師C：「H5」頁(yè)面的一種，但與能夠使用HTML5特性的普通頁(yè)面不同的是，他們能夠利用微信JSSDK使用微信特有的功能，比如獲取網(wǎng)絡(luò)狀態(tài)、獲取用戶信息、錄音、微信支付等功能。

　　4：從技術(shù)人員的視角來(lái)說(shuō)，你怎么看待當(dāng)前的H5生態(tài)圈、H5產(chǎn)業(yè)？比如fork自FirefoxOS的H5OS前不久就獲得了1億美元的融資。

　　工程師D：H5其實(shí)就是一個(gè)噱頭，還是偏營(yíng)銷的成分偏多，忽悠VC的。這個(gè)問(wèn)題的核心是移動(dòng)端的Web是否還有戲，移動(dòng)端的Web是否還能夠超越NativeApp。我個(gè)人對(duì)具體技術(shù)并沒(méi)有什么特殊的偏執(zhí)，能顧滿足普通用戶需求的技術(shù)才是好技術(shù)，所以是什么技術(shù)無(wú)所謂，關(guān)鍵看他們解決了什么問(wèn)題。那么你再看FirefoxOS和H5OS就會(huì)清晰些，它們解決了什么問(wèn)題呢？

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

　　我更喜歡從市場(chǎng)角度來(lái)看。對(duì)于國(guó)內(nèi)來(lái)說(shuō)，「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)換成普通用戶可見(jiàn)的產(chǎn)品又有哪些？

　　工程師B：HTML5技術(shù)其實(shí)你可以理解為Web技術(shù)，就是電腦中的瀏覽器打開(kāi)的網(wǎng)站其實(shí)都是Web技術(shù)構(gòu)建的。Web能夠做的事情很多，主要特點(diǎn)是易于分享、易于更新、易于跨平臺(tái)，類似的需求都可以采用Web來(lái)搞定。普通用戶可見(jiàn)的產(chǎn)品其實(shí)有很多，比如微信中點(diǎn)到「錢包」項(xiàng)中，所有的類目多多少少都是Web技術(shù)構(gòu)建的。

　　工程師D：多媒體：在線視頻、音樂(lè)消費(fèi)；地理位置：地圖；重力感應(yīng)：游戲，或者視覺(jué)效果；音頻編輯：特殊音效；通知：新消息提醒；綜合：不必安裝即可試用的「輕應(yīng)用」，或者像GoogleDocs這種富應(yīng)用。

　　6：用HTML5開(kāi)發(fā)app然后在各個(gè)平臺(tái)都能用，這種說(shuō)法已經(jīng)出來(lái)了很久，但最終并沒(méi)有被廠商和用戶廣為接受，這又是因?yàn)槭裁矗?/p>

　　工程師C：主要是HTML5這個(gè)標(biāo)準(zhǔn)并沒(méi)有完完全全都覆蓋到所有需求，而且有些HTML5標(biāo)準(zhǔn)，瀏覽器或者手機(jī)不一定按照這個(gè)標(biāo)準(zhǔn)來(lái)實(shí)現(xiàn)。就好比你有一個(gè)插座的國(guó)際標(biāo)準(zhǔn)，但是蘋果就偏偏不用，就是用自己的標(biāo)準(zhǔn)。另外，很多人對(duì)「HTML5開(kāi)發(fā)App」的理解也有問(wèn)題，其實(shí)這是一個(gè)技術(shù)問(wèn)題。比如有些人將Hybrid方案也算到HTML5的頭上了，比如PhoneGap、Ionic、甚至是ReactNative開(kāi)發(fā)的App，有的人也算到HTML5頭上了，類似的點(diǎn)還有很多的概念盜用，真是搞笑。

　　工程師A：我覺(jué)得主要還是受限于手機(jī)性能。回顧當(dāng)年P(guān)CWeb的發(fā)展，早期大家也是主要使用NativeApps，Web也只是作為展示使用。后來(lái)隨著HTML技術(shù)發(fā)展，開(kāi)始有一些簡(jiǎn)單的WebApps出現(xiàn)，但是性能不好效果也很卡。再后來(lái)Firefox、Chrome甚至V8引擎發(fā)布，Web性能開(kāi)始有明顯提升，更多流暢、復(fù)雜的WebApps出現(xiàn)，性能方面不明顯落后于NativeApps，在交互方面甚至還要優(yōu)于NativeApps。尤其到了PC后期性能過(guò)剩階段，就很少人詬病Web性能了。我認(rèn)為同樣的故事也會(huì)發(fā)生在移動(dòng)Web上。

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

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