HTML5開(kāi)發須合宜才好(hǎo)

　　HTML5開(kāi)發須合宜才好(hǎo)。HTML5是(shì)✔↓↓★用(yòng)于取代1999年(nián)所制(zhì)定的(de©β÷)HTML4.01和(hé)XHTML1.0标準的(de)HTML标準版本"""，現(xiàn)在仍處于發展階段，但(dàn)大(dà)部分(fēn)浏覽器←•(qì)已經支持某些(xiē)HTML5技(γ$÷jì)術(shù)。HTML5有(yǒu)兩大(dà)特點：首先，強化(hu‍<€à)了(le)Web網頁的(de)表現(xiàn)性能&☆Ω(néng)。其次，追加了(le)本地(dì)數(shù)據∏<×庫等Web應用(yòng)的(de)功能(néng)。廣義論及HTML5時♥¶§λ(shí)，實際指的(de)是(shì)包括HTML、CSS和(hσ®é)JavaScript在內(nèi)的(de)一(yī)套技(∑​jì)術(shù)組合。它希望能(néng)夠減少(shǎo)浏覽器(qì®∑)對(duì)于需要(yào)插件(jiàn)₹£÷ε的(de)豐富性網絡應用(yòng)服務（plug-✔↔ ≤in-basedrichinternetapplicat™¶ion，RIA)，如(rú)AdobeFlash、M←∏•icrosoftSilverlight，與OracleJavaFX₩÷的(de)需求，并且提供更多(duō)能(néng)有(yǒu)效增強網絡應​"δ>用(yòng)的(de)标準集。

　　J.P.Morgan（摩根大(dà)通(tōng)₩$集團）不(bù)久前發布了(le)有(yǒ  πu)關2013年(nián)互聯網公司股票(pià♦☆$↕o)的(de)研究報(bào)告，其中在預測201₽♠÷α3年(nián)趨勢時(shí)，提及移動互聯網有(yǒu)≤±♦關web和(hé)app之間(jiān)的(de)辯論将在3到(dào)5年"'π(nián)內(nèi)繼續，而摩根認為(w↓'¥èi)這(zhè)對(duì)于搜索産品和(hé)谷歌(gē)是(shì)利©φ•₩好(hǎo)消息，因為(wèi)用(yòng)戶需要(yào)處理(lγ‌≠§ǐ)複雜(zá)的(de)移動網絡，且移動Web‍↑σ技(jì)術(shù)會(huì)繼續發展。

　　事(shì)實上(shàng)，這(zhè)一(yī)結論委婉地(↕✘✘'dì)表達了(le)這(zhè)樣一(yī)個(gè)觀點：移§β≠π動互聯網上(shàng)的(de)搜索産品是(shì ¥)适合開(kāi)發為(wèi)HTML5産品的(de€©)。

　　哪些(xiē)互聯網産品适合用(yòng)HT≈ε§≤ML5開(kāi)發？

　　1、搜索産品

　　的(de)确，由Android系統定義的(de)移動互聯網搜¶$"π索生(shēng)态，是(shì)将搜索框作(<♠&​zuò)為(wèi)整個(gè)移動互聯網的(de)入口，>₩這(zhè)樣最符合谷歌(gē)的(de)利益，也(yě)必然使得(de)W ★✘<EB頁面成為(wèi)處理(lǐ)搜索需求的β‌(de)主要(yào)場(chǎng)景—&md•®ash;難以想象，如(rú)果搜索引擎是(shì)一(yī)個(gèπ₹≈)原生(shēng)app，而這(zhè)個(gè)app控制(zhì)了(≈‌le)跨平台的(de)移動設備上(shàng)網入口，谷歌↔¥(gē)将會(huì)多(duō)麽抓狂。

　　除此之外(wài)，由于HTML5技(jì)術λ'α®(shù)本質上(shàng)是(shì)增強了(le)WEB頁面在移動$Ω設備上(shàng)的(de)用(yòng)戶體(tǐ)↔Ω∏驗，并增強了(le)WEB頁面可(kě)以實現(xiàn)的(de)功♦≈能(néng)和(hé)效果，所以搜索本身(shēn)這(zhè)一(yī)×÷行(xíng)為(wèi)就(jiù)适合H®"×↓TML5。因為(wèi)用(yòng)戶常常需要(yào)在不(bù) ↕✘♦同的(de)平台及界面上(shàng)使用(yòng)搜索引擎。手機(jī÷≠')、平闆電(diàn)腦(nǎo)、PC甚至是(s ♠♣hì)遊戲機(jī)。逐一(yī)平台去(qù)推廣客戶端遠(yuǎn)不≠★(bù)如(rú)把功能(néng)全部放(fàng)在We©•b頁面方便。

　　對(duì)于以獲取資訊為(wèi£↕€∏)目的(de)的(de)搜索行(xíng≥∞>)為(wèi)，跨平台和(hé)碎片化(huà)λΩα 是(shì)常态，使用(yòng)客戶端無法保證用(yòng)戶在每次₽↑→搜索時(shí)用(yòng)戶體(tǐ)驗的¶ΩΩ(de)連貫性。在搜索産品中，客戶端式的(de)app對(du®∑γì)于用(yòng)戶反饋的(de)偏好φ™(hǎo)和(hé)曆史數(shù)據也(yě)不(bù)能§✘>★(néng)良好(hǎo)處理(lǐ)，★γ♠÷

　　所以對(duì)于內(nèi)容和(hé)媒體(tǐ)型的‌₩(de)搜索産品而言，未來(lái)必然是(shì)要(yàoλ₽↔Ω)全面HTML5化(huà)的(de)。谷歌(gē)似乎已經β×φ開(kāi)始了(le)這(zhè)方面的(de)動作(‌•↕♠zuò)。谷歌(gē)的(de)WEB在桌面上(shàng)已經去(₽↓qù)掉了(le)傳統的(de)導航欄。有(yǒu)用(yòngγ←≈)戶反映這(zhè)樣會(huì)使得(de)使用(yòng)谷★₹♥歌(gē)的(de)部分(fēn)功能(néng)更••‍×麻煩，但(dàn)也(yě)有(yǒu)觀點認為(wèi↓‍↔)谷歌(gē)在嘗試更新的(de)技(jì)術"←β(shù)，比如(rú)用(yòng)手勢來(lái)代替導航按​≥✔鈕。這(zhè)是(shì)應用(yònγ♠£"g)新一(yī)代Web技(jì)術(shù)的(de)強烈信号。或許谷 ™歌(gē)會(huì)給大(dà)家(jiā)展示出HTML5≠≈→更強大(dà)的(de)可(kě)能(néng)性。

　　2、社交産品

　　對(duì)于社交媒體(tǐ)産品，中文(wén)環境中大(dà)家≤‍(jiā)最熟悉的(de)社交媒體(tǐ)大(dà)概是(s♥×hì)新浪微(wēi)博。不(bù)過新浪微(wēi)博似乎并沒有(yǒ&ε&Ωu)對(duì)HTML5投入太多(duō)的(de)興趣&mda©¥♠×sh;—以至于其通(tōng)過浏覽₩→‍±器(qì)使用(yòng)時(shí)隻有(yφ®ǒu)一(yī)個(gè)極為(wèi)簡陋的(de)WAP版★≈↔>。事(shì)實上(shàng)微(wē÷γδi)博等社交媒體(tǐ)是(shì)極為(wèi)适合全面₹π₩WEB化(huà)的(de)。新浪微(wēi)博★≠是(shì)一(yī)個(gè)極好(hǎo)的(de↔£)負面案例：目前新浪微(wēi)博第三方客戶端也(yě)是(shì)一(yσ★&®ī)個(gè)紅(hóng)海(hǎi)市(shì)場(chǎng)，一(yī→↕™<)方面針對(duì)新浪推出的(de)官方客戶端的(de)優化(huà)和•→σ(hé)個(gè)性化(huà)需求切實存在，另一(yī) ↕β€方面微(wēi)博用(yòng)戶的(d✘ ✘ e)體(tǐ)驗和(hé)習(xí)慣被這(zhè)個₩$∞←(gè)因素切割得(de)千奇百怪，大(dà)大(dà)影(yǐn™←g)響了(le)微(wēi)博新功能(néng)的(d★✘✔​e)開(kāi)發和(hé)推廣（“密友(yǒu)&rdqβ©‍uo;無疑是(shì)一(yī)個(gè)悲劇(jù)）。

　　事(shì)實上(shàng)，如(rú)果新浪微(wēi)博從(c≠↕óng)一(yī)開(kāi)始在移動端就(jσ©™iù)是(shì)一(yī)個(gè)Webapp，利用(yòng)HTML↑​5技(jì)術(shù)把所有(yǒu)的(de)功能(néng)放(fàngβ$★≈)在頁面上(shàng)實現(xiàn)，不(bù)僅能✘≤±λ(néng)統一(yī)移動端和(hé)PC端的(de)用(yòng)戶δ<¥體(tǐ)驗及數(shù)據，還(hái)能(néng)充♠ασ®分(fēn)滿足不(bù)同用(yòng)戶在自(zì)己終端上(shà±<₩<ng)的(de)個(gè)性化(huà)需求，為(wèi)α‍↑全體(tǐ)微(wēi)博用(yòng)戶提供統一(yī)的(de)服務。反" π過來(lái)也(yě)能(néng)使新浪以微(wēi)博為♣&ε>(wèi)平台，推出更多(duō)有(yǒu)針對(duì)性的(de)服 "務和(hé)産品—&mdash₽​↕∑;它們可(kě)以是(shì)客戶端式的(de✘×÷)原生(shēng)app。

　　不(bù)僅僅是(shì)微(wē₽"β≤i)博這(zhè)種類Twitter産品。其他( ♣™tā)具備媒體(tǐ)屬性的(de)社區(qū)同樣會(huì)面"γ臨這(zhè)個(gè)問(wèn)題。事(shì)實上(shàng)，λ♥®對(duì)于非垂直類、調性娛樂(yuè)化(huà)、受衆全民(mín♣α)化(huà)的(de)社交媒體(tǐ)∏'δ産品，HTML5是(shì)一(yī)個(gè)比客戶端app更好(hǎo)ε¥的(de)選擇。HTML5不(bù)僅僅能‍∏α$(néng)提供更炫的(de)樣式和(hé)功能(né↑Ωng)，而且甚至會(huì)發展到(dào)δ>↑落地(dì)為(wèi)一(yī)個(gè)專屬的(de)浏覽器(qì)​©÷，從(cóng)社交媒體(tǐ)轉變為(wèi)社交搜↕ββ索繼而把握移動互聯網的(de)入口&md☆§ash;—嗯，Facebook正想這(zhè)麽幹。

　　3、資訊新聞産品

　　這(zhè)類産品在目前同樣是(shì)客戶端式app的(de)€™ 大(dà)熱(rè)門(mén)。但(dàn)它們恰恰是(↑÷shì)最适合HTML5開(kāi)發的(de)産品之一(yī ÷σ")。

　　與綜合資訊相(xiàng)比，垂直類的(de)資 ₩↕'訊産品尤其适合Web化(huà)。HTML5不(bù±•∑✔)僅僅能(néng)如(rú)社交媒體(tǐ)一(yī)樣給用(y÷♥òng)戶（讀(dú)者）提供打通(tōng)PC桌面與移動終端的(de¥‌₽)閱讀(dú)和(hé)交互體(tǐ)驗，更重要(yào)的(de)是(sh₹®→ì)，HTML5化(huà)的(de)垂直資訊産品能(néng)£÷ ★夠搶占整個(gè)垂直領域的(de)信息入口。

　　想象一(yī)下(xià)這(zhè)樣一(yī)個(gè)場♦✘₩∑(chǎng)景：出現(xiàn)一(yī)個(gè)科(kē)技¥↕(jì)突發事(shì)件(jiàn)，¥♣±™各家(jiā)垂直門(mén)戶媒體(tΩ÷δǐ)都(dōu)趕緊搶著(zhe)把新聞發了(le)，然後往自(zì)己的≈✔‌(de)移動客戶端上(shàng)推送信息₽↑♥。結果一(yī)個(gè)裝了(le)七八個(gè)資訊應用(yòng)的(d ☆™e)用(yòng)戶在自(zì)己手機(jī)上(shàn±>g)把同一(yī)條信息讀(dú)了(le)七八遍—&" mdash;這(zhè)時(shí)，他(tā)對(duδ↔ ì)這(zhè)件(jiàn)事(shì)産生(shēng)好(hǎo®£)奇心了(le)，想要(yào)了(le)解一(yī)下✔₽≠<(xià)來(lái)龍去(qù)脈和(hé →β)相(xiàng)關評論，他(tā)應該怎麽辦呢(ne)？在手機(j ™ī)上(shàng)打開(kāi)浏覽器↓♠(qì)，在百度新聞裡(lǐ)查找；然後打開(kāi)微(wēi)博客戶端，π≈π​在微(wēi)博中搜索關鍵字；最後還(há≥₹ i)可(kě)能(néng)複制(zhì)一(yī)些(xiē)段✔←子(zǐ)丢到(dào)微(wēi)信群或者朋(>αpéng)友(yǒu)圈中……整個(gè)過程下($≥xià)來(lái)，資訊客戶端app的(de)價值就(€≈₩jiù)被打了(le)好(hǎo)幾輪折扣了(le↓✘®)。

　　但(dàn)是(shì)WEB化(huà↑₩')的(de)移動資訊産品可(kě)以把這(z↑∏™hè)些(xiē)需求全部整合進來(lái)：除了(le)自(zì)家(jiā±φ±♦)采寫的(de)新聞，HTML5技(jì)術(shù)可(kě)以使這(←↔✘→zhè)個(gè)Web頁面可(kě)以實時(sh✔÷εí)轉載來(lái)自(zì)其他(tā)媒體(tǐ)、搜索引擎、★γ微(wēi)博的(de)內(nèi)容，也(yě)可(★α"kě)以按照(zhào)用(yòng)戶習(xí)慣推送相(xi♥∑∞₽àng)關內(nèi)容——是(shì)的(×↔★de)，HTML5技(jì)術(shù)把垂直資訊産品和(hé)聚​σ↕‍合閱讀(dú)産品整合在了(le)一(yī)起，更重要(∞​​yào)的(de)是(shì)，Web頁面可(kě)以比客戶₹λ≤端APP更流暢地(dì)接入其他(tā)社交平台。用(yòng)戶→₽≤不(bù)必離(lí)開(kāi)頁面就(j₩✘♦iù)可(kě)以進行(xíng)他(t≠✔ā)想要(yào)的(de)搜索、交流和(hé)互動。這(zhè)明(mí ∞™↕ng)顯比僅提供“導火(huǒ)索”的(de)客戶>©端app更有(yǒu)價值。

　　HTML5将會(huì)在垂直資訊媒體(tǐ)中引λ€起革命。但(dàn)似乎，大(dà)部分(fēn)媒體 ε✘(tǐ)還(hái)沒有(yǒu)意識到(φ dào)風(fēng)暴來(lái)臨。

　　此外(wài)，對(duì)于綜合資訊産品來(lái)✔♠↕說(shuō)，HTML5也(yě)能(néng&↕)夠提供足夠好(hǎo)的(de)支持。之所以稱綜合資€> 訊相(xiàng)對(duì)于垂直資訊産←¥≤品對(duì)Web化(huà)的(de)需求沒那(&∏nà)麽重，是(shì)因為(wèi)垂直→Ω¥資訊産品有(yǒu)賴于社交網絡，并需要(yào)高(gāo)✔'♠¶強度的(de)互動。但(dàn)綜合資訊更傳統化(huà)，如(♥§rú)同人(rén)們吃(chī)早飯時(shí)看λ₽÷±(kàn)報(bào)紙(zhǐ)一(yī)樣，許多(duō)內(nèi)容的€♠(de)用(yòng)戶場(chǎng)景隻僅僅是(shì)閱讀(÷↓dú)而已。這(zhè)使得(de)綜合資訊産品對(‌≈♥σduì)其他(tā)應用(yòng)的(de)功能(nén£♥g)并不(bù)那(nà)麽倚重，這(zhè)樣一(yī≠​₹✘)來(lái)似乎無論是(shì)采用(yòng)客戶端式app↕×&↓還(hái)是(shì)WEB頁面都(dōu)可(kě)以達∞¶'±到(dào)一(yī)樣的(de)效果。

　　但(dàn)有(yǒu)觀點并不(bù)認同這(zhè)個(gè)判斷₹€ 。來(lái)自(zì)搜狐門(mén)戶網站(zhàn)的(de)數✔™(shù)據顯示，其用(yòng)戶對(du↕‍ì)于其采用(yòng)HTML5技(jì)術(shù)的(♦∏♠βde)“手機(jī)搜狐概念版”的(de)$α≥需求在不(bù)斷上(shàng)升，無↓±←論是(shì)流量還(hái)是(shì)用(yòng)戶停留時(shí)間(γ<ε±jiān)，增長(cháng)速度都(dōu)超過了≥​(le)一(yī)般的(de)門(mén)戶新聞客戶端。搜&≈φ狐方面的(de)解釋是(shì)，在目前浏覽器(qì)占據用β§↕↕(yòng)戶大(dà)量手機(jī)上(shàng)網時(shí)間(jiā£δn)的(de)背景下(xià)，用(yòng)戶自(zì)然被引導到(dà♣φ$o)Webapp上(shàng)是(shì)正常的(de)。于∑​是(shì)有(yǒu)業(yè)內(nèi)±↓人(rén)士依此判斷認為(wèi)，綜合資訊産品也(yě)≈♣是(shì)适合HTML5開(kāi)發的 ‌±π(de)——理(lǐ)由同垂直資訊産品，用(yòn ☆g)戶在浏覽器(qì)環境下(xià)不(bù)必切換界面就★&←£(jiù)可(kě)以使用(yòng)産品。也(yσ£  ě)許客戶端app與Webapp在産品中的(de)用(yòng)戶σδ€體(tǐ)驗難分(fēn)高(gāo)下(xià)，但(dà® n)沒有(yǒu)安裝門(mén)檻和(hβ★é)告别更新時(shí)代使得(de)HTML5在易用(yò÷±ng)性上(shàng)勝出一(yī)籌。

　　4、遊戲産品

　　最後是(shì)依靠CPM廣告獲取收入的(de)遊戲，使用(yòn↑→g)HTML5開(kāi)發會(huì)更具競争力。目前移動遊戲通(tō•β"ng)過內(nèi)置購(gòu)買和(hé)CPM廣 §ε告獲取收入已經成為(wèi)比較成熟的(de)兩個(gè)路(lù)徑。φ÷↕÷大(dà)部分(fēn)的(de)遊戲開(kāi)發™α₽∞商是(shì)兩者并行(xíng)。但(dàn> )基于遊戲本身(shēn)的(de)屬性和(hé)用(yòng)戶特點，♦​£不(bù)同遊戲會(huì)有(yǒu)不(ε♦bù)同方向的(de)側重。事(shì)實上(shànσ>g)，如(rú)果在前期策劃階段就(jiù)确定主要(yào)通(tφ"♣ōng)過廣告來(lái)獲取收入，采用($♦δyòng)HTML5開(kāi)發将賦予開(kāi)發★♠♠ 者更多(duō)的(de)優勢。

　　這(zhè)是(shì)兩個(gè)極端↔φ。雖然HTML5技(jì)術(shù)仍在完善中，包括直接在頁 ✔面上(shàng)實現(xiàn)支付的(de)功能(n☆'≠‍éng)也(yě)是(shì)一(yī)個(gè)✘₩'技(jì)術(shù)熱(rè)門(mén)。但(dàn)是( >≠shì)如(rú)果主要(yào)是(shì)向玩(wán)家(jiā)兜售γ↑≈÷道(dào)具和(hé)遊戲币，客戶端式的(d∑βe)app是(shì)必不(bù)可(kě)少(§ shǎo)的(de)。這(zhè)不(bù)僅∏•∞僅更加安全，而且适用(yòng)于玩(wán)家(ji ≈÷ā)玩(wán)“大(dà)作<∞(zuò)”的(de)心态。很(hěn)多(duō)複雜(záλ☆<)的(de)數(shù)值搜集與調試也(yě)γ£→₹更匹配客戶端的(de)場(chǎng)景。

　　但(dàn)如(rú)果是(shì)以廣告展示為(wè≈ε> i)主的(de)遊戲（主要(yào)是(shì)休閑遊 ∞&$戲），去(qù)掉分(fēn)發、下(xià)載和(hé)版本更新φ↕€​的(de)門(mén)檻将使開(kāi)發者獲得(de)更多(±↓duō)用(yòng)戶，進而提高(gāo)來(l☆$"♣ái)自(zì)廣告的(de)收入。而且利于快(k¶♥πuài)速叠代遊戲內(nèi)容——包括σβγ₽廣告內(nèi)容。而且HTML5遊戲天生(shēng)就(jiù)具備跨¥$$←平台分(fēn)發廣告的(de)能(néng)力。這(zh¥¥è)對(duì)于遊戲開(kāi)發者來(lái®<™)說(shuō)是(shì)一(yī)大(dà)福音(yīn∑≥φγ)。更低(dī)的(de)研發和(hé)更新₩λ₹成本，更廣泛的(de)用(yòng)戶群"σ<體(tǐ)，更輕松的(de)推廣運營……如(rú)φβ£果不(bù)太指望玩(wán)家(jiā)♠₹為(wèi)了(le)道(dào)具買單，為(wèi)什(α←shén)麽不(bù)直接上(shàng"♠)HTML5呢(ne)？

　　從(cóng)以上(shàng)四個(​ gè)案例可(kě)以看(kàn)出，究竟哪些(xiē)互聯網産品最适合用β÷♠≥(yòng)HTML5開(kāi)發：

　　1、需要(yào)頻(pín)繁跨平台、跨屏幕使用(yò ≥€‍ng)的(de)産品；

　　2、社交分(fēn)享互動密度和(hé)強度ε±都(dōu)較高(gāo)的(de)內(nèi)容産品；

　　3、對(duì)分(fēn)發內(nèi)容（廣告）的(d£↕e)需求強烈的(de)産品；

　　4、期望極低(dī)邊際用(yòng)戶成本的(de)産品。

　　雖然移動互聯網以及app開(kāi)發仍然是(s€©Ω♣hì)目前的(de)熱(rè)門(mén)，且有(yǒu)激進觀點認為(δα¶♦wèi)Web将會(huì)因此衰亡。但(dàn)HTML5技(jì)術(λ<shù)的(de)發展無疑賦予了(le)Web更強大(dà)的(de)生✔•​(shēng)命力，在許多(duō)場(chǎng)景下(xià)，Wλ→eb或許會(huì)颠覆目前的(de)app市(shì)場(chǎng)格÷↑>≥局。