過去幾年，HTML5顛覆了PC互聯網的格局，優化了移動互聯網的體驗。接下來，HTML5將顛覆原生App世界。這聽起來有些危言聳聽，但如果妳仔細分析HTML5的發展歷史，妳會發現這確實是世界的發展趨勢。
熟知歷史可以預測未來。我們先來看看HTML5為什麽誕生，這八年是怎麽過來的。
壹、HTML5的誕生
自1999年W3C發布HTML4以來，Web世界發展迅速，繁榮昌盛。人們曾經認為HTML標準不需要升級。壹些致力於Web App開發的公司成立了另壹個WHATWG組織。直到2007年，W3C從WHATWG手中接過相關工作，重新開始開發HTML5。
HTML5的發展歷史是由用戶需求、技術開發者和巨大的商業利益推動的。
在互聯網早期，用戶打開瀏覽器接入互聯網世界是壹件很神奇的事情，但是在2005年左右，下壹個變化開始出現，那就是寬帶互聯。
隨著寬帶的普及和電腦性能的增強，人們不再滿足於簡單的通過互聯網看新聞和收發郵件，消耗更高帶寬的娛樂產品開始出現，即流媒體視頻和網頁遊戲。其實視頻和遊戲是古老的需求。在互聯網還不普及的時候，滿足需求的方式就是離線傳輸VCD和遊戲光盤。後來隨著互聯網的逐漸普及，人們改變了使用方式，通過下載軟件和本地媒體播放器觀看視頻，下載大尺寸的端遊遊戲。
然而，更好地體驗消費者的新方式已經出現，並顛覆了之前的壹切，那就是流媒體和網頁遊戲。Youtube等公司把握住了潮流的快速崛起，各種頁遊公司如雨後春筍般湧現。
但是HTML標準沒能把握住行業的變化，瀏覽器產品沒有升級。瀏覽器插件，即Flash，滿足了這壹新要求。這個部署在數億瀏覽器中的商業插件已經成為事實上的標準。2005年，Adobe斥巨資收購Macromedia，將Flash收歸旗下，隨後大力推廣FLV流媒體和動作腳本語言。顯然，這次收購可以列為IT並購的經典案例，FLV流媒體和Flash遊戲在互聯網上流行，Adobe在新的產業升級中獲利頗豐。
除了Flash這種商業產品成為事實上的標準，W3C還面臨壹個尷尬，那就是另壹個私有擴展協議的制定者。當時，IE在桌面瀏覽器中占據壟斷地位，並擴展了大量的IE專用語法。開發者不知道是誰定義了這些語言。整個web世界被微軟+Adobe這兩家公司綁架了。
很多IT巨頭都坐不住了，尤其是蘋果和谷歌。PC操作系統的世界很難有突破。網頁瀏覽器被蘋果寄予厚望，第壹代iPhone只支持網頁。當時還沒有Appstore，Safari是喬布斯非常看重的產品。雖然新貴谷歌大量贊助了Mozilla，但並沒有對IE的地位產生實質性的影響。買了YouTube之後發現底層被Adobe控制也很難過，而且Google每年都為IE的搜索框和Adoble FLV付出了很多錢。
既然大家都是W3C的主席，那好吧，我們重新開始做HTML5。
沒錯，HTML5其實就是這麽誕生的。那是2007年，IE和Flash由盛轉衰的轉折點。
二、HTML5的第壹階段:Web增強和壟斷打破
從HTML5誕生至今，* * *經歷了Web增強和移動互聯網兩個階段。先說網頁增強。
web體驗的豐富增強主要表現在:1。webapp，比如gmail2.流媒體；3.遊戲。先說說HTML5在這三個方面都做了些什麽。
1.webApp
HTML5增加了離線存儲，更豐富的表單(比如輸入類型=日期)，js線程，套接字王樂，標準擴展嵌入，還有很多新的css3語法…
2.流媒體
HTML5中添加了音頻和視頻。
玩遊戲
HTML5增加了canvas和webgl。
當然，也有谷歌在HTML5中推廣Header、Section等標簽以方便搜索引擎分析的，就不細說了。
在HTML5補充了流媒體和遊戲功能，蘋果強烈拒絕將Flash引入iOS之後，成功遏制了Flash的發展，接下來就是遏制IE私有語法的時候了。
在HTML5標準升級的過程中，蘋果和谷歌也看到了瀏覽器市場重新洗牌的機會。他們壹方面參與HTML5的規範，同時在瀏覽器產品上發力。蘋果首先開始大力開發Safari，建立WebKit開源項目，Mac、iOS、Windows齊心協力。起初，谷歌贊助Mozilla開發Firefox。後來開發了自己的v8引擎，合並了WebKit，2008年正式推出Chrome。“IE的私有規範+Flash不是標準，但我們才是標準”的口號在新瀏覽器大戰中打響，IE瞬間成為千人所指的壟斷代表，甚至成為阻礙Web發展的罪人(當時IE6已經好幾年沒更新了，不怕火狐發展)。
然而就在這個時候，微軟也出其不意，推出了IE7、8、9、10等壹系列不完全支持規範、互不兼容的產品，徹底失去了開發者的心。
Adobe的Flash被遏制，過了Web霸主的位置；IE的私有標準被遏制，IE的市場份額不斷下滑，直到最新的移動版IE開始依次支持WebKit私有語法，實在是尷尬。我不知道HTML6是否應該打敗WebKit壟斷。
三、HTML5第二階段:移動互聯網
隨著Chrome和Safari的快速發展，以及IE+Flash的沒落，HTML5已經走到了盡頭，進入了下壹個時代——移動互聯網。HTML5的跨平臺優勢在移動互聯網時代進壹步凸顯。HTML5是唯壹壹種跨平臺語言，囊括了PC、Mac、iPhone、iPad、Android、Windows Phone等所有主流平臺。Java和Flash都夢想過這個位置，但夢想在iOS中終結。這時，人們開始研究基於HTML5的跨平臺手機應用的開發。當時很多人認為原生應用只是壹個過渡，就像從C/S結構變成B/S結構壹樣。而且學習Objective-C和Java很難。既然我能開發網頁，為什麽不試試HTML5呢？
W3C此時成立了設備API工作組，為HTML5擴展了相機、GPS等手機特有的API。但麻煩的是，移動互聯網初期叠代太快，移動OS也在不斷擴充硬件API，陀螺儀，距離傳感器，氣壓計。。。每年手機OS都有大版本更新。W3C作為壹個有上百個成員單位做同樣決定的組織，從提出標準草案到達成壹致是壹個非常復雜的過程，跟不上移動互聯網早期的快速叠代。
PhoneGap的出現為開發者打開了壹扇窗。很多人期待PhoneGap不斷擴充API來補充瀏覽器的不足。Adobe在看到PhoneGap的時候似乎看到了重振江湖地位的希望。但是Adobe收購PhoneGap之後，發現這個東西並沒有商用，開源使得Adobe無法像Flash壹樣獲得商業利益，於是把PhoneGap捐贈給Apache，改名為Cordova。
由於種種原因，Cordova的定位並沒有成為瀏覽器的增強，而是走向了混合開發。基於當時的背景，他們認為原生是不可替代的，“原生+HTML5”的混合模式更有意義。所以現在Cordova的使用模式是“原生工程師+HTML5工程師”共同合作完成App。
這時，臉書加入了W3C，並率先成立了移動Web工作組。臉書是壹個混雜的網絡圈子，它在手機操作系統上沒有自己的領地。它不喜歡蘋果和谷歌控制的原生應用生態系統。移動web工作組的重要目標是使HTML5開發的Web應用達到原生應用的體驗。然而事與願違，不努力就忘了。結果它努力了，但失敗了。2012年，臉書放棄HTML5的消息充斥全球IT媒體，HTML5瞬間被打入冷宮。
臉書為什麽放棄HTML5？核心是我當時真的做不出壹個好的基於HTML5的手機App。與Twritter等競爭對手的原生應用相比，臉書的HTML5版本確實無法讓用戶滿意。比如推送功能，到現在為止，HTML5的推送體驗和原生推送體驗差距還是巨大的，更不用說HTML5應用頁面白屏切換、下拉刷新/滑動菜單不流暢等等諸多問題。看原生工程師輕松實現搖壹搖、二維碼、語音輸入、分享到朋友圈等功能。，讓HTML5工程師覺得自己站錯隊了。
即使臉書不喜歡被控制，它也不能冒被用戶拋棄的風險。而臉書沒有抓住關鍵點——手機瀏覽器內核。如果瀏覽器沒跟上，制定壹堆草案標準也沒用。
以及瀏覽器在手機上的表現如何？先看谷歌。Chrome雖然性能很高，但安卓上的瀏覽器並不是Chrome，而是WebKit修改的蹩腳安卓瀏覽器。再看蘋果，iOS上不允許其他瀏覽器引擎上架App Store，其他使用Safari引擎的應用也無法調用蘋果自帶的JavaScript加速引擎Nitro。結果是，蘋果和谷歌不僅沒有在其瀏覽器上積極實現HTML5對移動應用所要求的規範，反而對HTML5進行了各種限制。
無論是當時硬件能力的不足，還是手機OS廠商的有意限制，總之結果就是:移動互聯網初期，壹定是原生應用生態圈的天下，iOS和Android先穩住自己的地盤後，行業才會升級到下壹個階段。
無論是臉書還是PhoneGap，早期都無法在移動互聯網分壹杯羹，但如果堅持下去，機會往往會出現。
第四，HTML5這次真的來了。
最後，在2014，10的最後，W3C宣布HTML5正式定型。這壹次，不晚也不早，硬件性能更強，手機OS叠代速度降低。
隨著HTML5標準的最終確定，所有的爭議都將告壹段落。現在，HTML5的時代已經到來。
有人說，光定標準沒用。配嗎？HTML5做的應用能和native app媲美嗎？答案是HTML5不僅可以媲美原生應用，甚至在很多自然特性上超越原生應用。
先說HTML5不如原生應用的地方。業內俗稱HTML5有“性功能障礙”。就是HTML5的性能不如native，開發工具不如native，能力調用不如native。
這些問題使得開發者無法使用HTML5制作原生應用。但無論是硬件升級，還是OS廠商策略的改變，以及相關軟件技術的成熟，HTML5的“性功能”障礙已經解決。
1.硬件升級
2011年iPhone 4s的CPU是A5，現在iPhone 6是A8。根據蘋果之前的發布會，速度提升了7.5倍。這三年7.5倍的提速，抹平了HTML5太多的性能問題。
2.蘋果和谷歌的戰略變化
在2013年底Google發布的Android 4.4中，內置的Webview不再是蹩腳的Android WebKit瀏覽器，而是Chromium，性能大幅提升。從最新的Android5.0開始，Webview可以通過谷歌Play商店實時更新，與Chrome的升級保持壹致，讓用戶不用刷機就能享受到最新的瀏覽器引擎；再看蘋果，2012年iPhone 5發布後，HTML5在iOS上的表現已經令人滿意，Safari專屬的JavaScript加速引擎Nitro也不再那麽重要。不過在iOS 8發布後，蘋果還是很有興趣取消三方程序調用Nitro的限制。現在任何調用iOS的UIWebview的瀏覽器或應用都可以使用Nitro來加速，所以可以使用JS來做前端的大規模操作。兩大手機操作系統霸主和瀏覽器巨頭的態度發生了變化，使得HTML5在手機上的發展不再受限，而且這種變化是不可逆轉的，只能繼續向前發展，勢必會產生深遠的影響。
3.軟件技術的成熟度
雖然PhoneGap的發展有所放緩，但其他產品技術已經成熟。在2014的iWeb大會上，很多廠商的產品都為開發者提供了免費或者開源的解決方案。
(註:編輯作為從業者，在分析各種方案時也會提到我們公司的方案，但編輯會客觀不誇張的陳述方案，方案純屬免費，不存在商業銷售的嫌疑。)
在iWeb大會上，DCloud公司發布了針對“性工作者能力不足”問題的系統解決方案，包括:
a)性能:提升HTML5性能的手機引擎，可以解決滑動菜單、下拉刷新等動態交互卡頓問題；
b)工具:HTML5開發IDE產品HBuilder，超快速編程工具；
c)能力:Native.js技術，將40萬個原生API封裝成JavaScript對象，解決HTML5能力不足的問題；
d)最接近原生體驗的高性能框架:MUI框架，大小只有幾十K，加載運行比壹般框架快得多。
基於該方案開發的HTML5應用完全可以實現native app的功能和體驗。
用HBuilder開發HTML5應用程序
英特爾發布了Crosswalk引擎，允許Android 4.0-4.3手機上的應用程序封裝Chromium引擎，而不是Android WebKit。畢竟目前市面上有大量的Android 4.0-4.3手機，統壹的webview也避免了兼容性的困擾。
很多公司在專業方向上也取得了不錯的成績。Touch Cocos2d-html5、Egret runtime和Ludei CocoonJS增強了Canvas的性能，讓html5遊戲體驗更好；UC、獵豹等手機瀏覽器增強了音視頻播放的性能。
無論是硬件的升級，軟件的成熟，還是操作系統廠商策略的改變，都在強力推動HTML5的爆發。
不過需要註意的是，我說HTML5，並不是說手機瀏覽器會取代桌面成為應用入口。有人說HTML5不好，是因為用戶討厭打開瀏覽器輸入網址的過程。我想說這個想法是對HTML5的片面理解。HTML5！=傳統瀏覽器，雖然編程語言還是HTML，Javascript，CSS，但是分發方式絕不是傳統網站那麽簡單。相反，HTML5應用的入口很少是啟動瀏覽器，輸入網址。可以是手機桌面上的圖標，可以是超級app(如微信朋友圈)，可以是搜索引擎，可以是應用市場，可以是廣告聯盟。。。它的入口無處不在。它的入口比原生App更多。
第五，原生App的顛覆
HTML5的“性功能”障礙已經解決，可以接近native App的效果，所以可以替代native App？很多人認為，即使HTML5會比現在發展得更好，也會和原生app分壹杯羹。要求不高的長尾應用會用HTML5，主流應用還是原生app的天下。
但我覺得這種想法很危險，就像蘋果成立前，惠普高管告訴沃茲:誰會在家裏放壹臺電腦？未來HTML5壹定會顛覆原生App。“性工作”這個障礙的消除只是削弱了HTML5的劣勢，但劣勢消除後，它的優勢會大放異彩。HTML5有什麽優點？我們分別看開發者和終端用戶。
HTML5對開發者的七大優勢
跨平臺:
多屏時代，開發者的痛苦指數很高，大家都期待HTML5扮演救世主。多套代碼、不同技術工作和業務邏輯的同步是壹個折磨人的過程。這類似於早期的個人電腦世界。那時候，每臺電腦都有自己的操作系統和編程語言，開發者厭倦了制作不同的版本。事實上，DOS的流行很大程度上是因為開發人員實在沒有精力為其他計算機編寫程序。跨平臺技術前期大多因為性能問題夭折，但中後期硬件能力增強後會占據主流，因為跨平臺確實是剛需。
快速叠代:
移動互聯網是壹個快魚吃慢魚的時代。誰更快滿足用戶需求，誰的試錯成本更低，誰就有很大優勢。互聯網產品多是免費的，有網絡效應，後來者很難搶用戶。使用原生開發，招聘、開發、上線的效率慢壹倍以上，參與的人越多，溝通效率往往慢壹倍以上。
連續交付:
很多人都有這種經歷。壹個原生應用在Appstore上線，突然出現了壹個很大的bug，他們不得不連夜加班修復，然後靜靜等待蘋果的審核兩周甚至更久。這兩個星期被用戶抹黑淹沒，市場上壹片差評，用戶損失很大。當新應用程序被批準並上線時，用戶已經卸載了它。但是，HTML5沒有這些問題。可以實時更新，有問題立即回復。
大幅降低成本:
創業者融資不易，如何更高效的花錢很重要。如果妳用的是原生App，用HTML5開發的是競爭對手的App，但是妳的開發成本高壹倍，我相信沒有投資人會喜歡投資妳。
發達的開源生態系統:
HTML5前端是壹個開放的正反饋循環生態系統，可以使用大量的開源庫，開發應用更加簡單敏捷。當然，這也體現在快速叠代和降低成本上。但更重要的是，這種開放的正反饋循環生態系統的未來生命力比原有的生態系統更強。
開放數據交換:
HTML是基於頁面的開放代碼，不需要專門的SDK開發就可以和其他應用交互，只要不混淆。開發者可以讓移動搜索引擎輕松檢索自己的數據，通過跨應用協作更容易滿足終端用戶的需求。
更容易普及，更容易爆發:
導流入口很多:HTML5應用導流非常容易。超級app(如微信朋友圈)、搜索引擎、應用市場、瀏覽器，到處都是HTML5的流量入口。原生App的流量入口只是應用市場。聰明的HTML5開發者肯定會玩轉各種流量入口，以獲得更強的優勢。
流量:前段時間，《貓裏的神經》在微信朋友圈風靡壹時。如果這個遊戲放在Appstore，肯定沒有那麽多流量。超級App帶來的流量遠大於原生應用市場。如果微信允許遊戲在桌面創建快捷方式，如果遊戲後續升級解決連續娛樂的問題，未來是不可想象的。
導流效率高:除了入口多，流量大，導流效率高也是不容忽視的。大家都知道頁遊和端遊玩的是同壹個廣告，改變的是用戶的轉化率，頁遊比端遊高很多。
可以精準分流到二級頁面:我們都知道搜索引擎可以直接進入。
HTML5對最終用戶的三大優勢
大大降低了使用門檻。
為什麽流媒體會成為主流而不是下載視頻？頁遊為什麽這麽受歡迎？只是因為用戶太懶。讓用戶更方便的滿足需求，有時候效果比更多的滿足需求要好。
用戶的眼睛看到壹個興趣點，點擊之後應該馬上開始滿足用戶的需求。比如流媒體可以即時觀看，頁遊可以即時播放。在目前的原生應用市場，用戶需要這樣做:選擇壹個應用，等待下載，確認權限，等待安裝，然後點擊打開。這樣糟糕的體驗遲早會被顛覆。
無論是App、遊戲還是影音，以後都是可以隨時使用的。誰先滿足用戶需求，誰就贏了。
實時更新和差異更新的出色體驗
HTML5應用可以繞過應用市場的限制，實時自我更新，用戶可以快速享受新服務。
此外，這種更新可以是差異更新。比如壹個HTML頁面或者壹個js文件有問題，就更新這個幾k的小文件，比原生應用的更新體驗好很多。
跨應用程序體驗
目前手機應用切換都是以桌面或者任務管理器為中心，但實際上這些中心很大程度上影響了效率和體驗。用戶想去三亞旅遊，先打開去哪兒訂票，然後切換回桌面，再找到並打開天氣App，搜索並輸入三亞，然後切換到桌面，找到並打開航空公司的縱橫App，輸入航班號辦理登機手續，哦，對了，航班號是多少，然後切換到桌面，找到並打開去哪兒看航班號，最後找到並打開租車App，輸入租車地點，然後切換回桌面。。。
在原生應用系統下，用戶只能這樣做。但是，在HTML5系統下，他不需要切換回桌面，可以很容易地直接在應用之間跳轉，而不是使用孤立的應用。他不必重復輸入數據，應用程序之間可以輕松地相互傳輸數據。
這種模式需要壹點想象力，但未來遲早會到來。
從這個分析中，我們可以清楚地看到，無論是從最終用戶的角度，還是從開發者的角度，HTML5都壹定會取代原生應用目前的地位。並由此引發了壹系列顛覆。
6.還會改變什麽？
HTML5的爆發，原生App生態的顛覆，是壹場產業革命，很多角色都會受到影響。我們來做個預測。
新的HTML5引擎會火。
標準的HTML5引擎並不能解決HTML5的所有問題。擁有大流量入口的互聯網巨頭都在想著嵌入更好的增強引擎。騰訊推出X5瀏覽器引擎，就是看中了這個機會。目前瀏覽器廠商、應用市場廠商甚至rom廠商都在嘗試集成更好的瀏覽器引擎。如果嵌入微信的webview能運行更好的畫布遊戲，如果360手機助手能發布即時HTML5應用且能力體驗與原生壹致，如果嵌入小米rom的Webview更強大，所有HTML5應用在小米手機上運行更流暢。。。
當壹個巨人開始行動時，所有的巨人都會隨風而動。沒錯，這場戰鬥將是移動互聯網世界的二戰。
應用分發市場將被洗牌。
因為超級App的巨大流量很容易成為HTML5應用的入口，而且會產生更大的效果，傳統應用商店甚至線下預裝都會被擠出市場主流。也是超級App的高流量應用商店。如果轉型得當，也會專註於發布HTML5應用。
廣告和統計市場
原生廣告和統計SDK提供商將面臨尷尬，谷歌、百度等基於網絡的廣告和統計服務將獲得更大優勢。開發者不再需要打包SDK，只需要引入壹個腳本。
開源技術在移動互聯網領域會更受歡迎。
HTML的開放性造就了大量的開源產品，反過來也促進了HTML的繁榮。Github上有大量的JS框架，但是原生開源代碼相對較少。未來移動互聯網世界會因為開源而發展的更快，類似Github的廠商也有機會。
開發工具的變化
早期的HTML只需要記事本寫幾個標簽，而中期的HTML，JS，CSS更復雜，需要更高級的文本編輯器。但HTML5到來後，其代碼量、復雜度、開發模式都將與最初的開發不相上下，需要像XCode、Eclipse這樣的專業IDE工具來解決開發和調試的問題。壹些以用記事本寫代碼為榮的開發者，將面臨思維的轉變，甚至被更高效的開發者淘汰。
性能分析和調整
目前很多針對原生應用的性能分析和調優工具或服務，未來也面臨轉型。HTML5應用程序的性能分析和調優是另壹個世界。
困惑與產權保護
HTML5是開放代碼，帶來的好處和壞處都有。有些事情開發人員希望公開，但有些事情開發人員希望保護。混亂的技術變成了更多的商機。Gmail在PC Web上的混亂做得很好。除了JS混亂，離線數據加密相信也有很大的空間。
安全供應商的新機遇
HTML5的強大會導致很多安全問題，解決方案也和原生的不壹樣。行業中可能會出現新的安全供應商領導者。
七。結論
最後感覺題目有點大。其實沒有人能準確預測未來會如何發展，變數很多。但是我覺得讓用戶和開發者更方便的趨勢沒有錯。