[[129573]]

看來(lái)HTML5的浪潮又要讓我們的廣告客戶渾身濕透了。他們想要華麗的頁(yè)面，想要讓用戶覺(jué)得他們很酷。事實(shí)上，即使他們只做了一張很廉價(jià)的“活動(dòng)邀請(qǐng)函”頁(yè)面，用戶也覺(jué)得好棒好厲害。真相是，大部分用戶并不知道其中的奧秘。

[[129574]]

HTML5是針對(duì)超文本語(yǔ)言HTML的第五次修訂。具體HTML是什么?我們先籠統(tǒng)地認(rèn)為它是一種用來(lái)創(chuàng)建網(wǎng)頁(yè)的手段就好。不過(guò)你不是科技從業(yè)者，也不是什么都要懂一點(diǎn)的極客。你會(huì)想：什么html、Inputtype=date、js線程、socket、標(biāo)準(zhǔn)擴(kuò)展embed、css3……這些都是什么鬼我根本不想知道快扔走!

這一切并不在你學(xué)習(xí)的范圍內(nèi)。你只關(guān)心這樣一個(gè)問(wèn)題：它會(huì)為你的生活帶來(lái)怎樣的變化?

❶你手機(jī)里的原生APP會(huì)變少。

原生APP，就是你到應(yīng)用商店里選一個(gè)應(yīng)用、等待下載、確認(rèn)權(quán)限、等待安裝，然后點(diǎn)擊打開(kāi)的那種移動(dòng)應(yīng)用，它專門針對(duì)某一類移動(dòng)操作系統(tǒng)生成，必須被完整安裝到手機(jī)里。而有一種“假”APP，它們打開(kāi)后基本利用手機(jī)中的瀏覽器來(lái)運(yùn)行，而且不需要下載后安裝，就能立即在手機(jī)界面中生成一個(gè)APP圖標(biāo)——HTML5就是生產(chǎn)這種“假”APP的利器。比如你玩《神經(jīng)貓》就不需要下載一個(gè)APP，而這個(gè)游戲正是用HTML5網(wǎng)頁(yè)實(shí)現(xiàn)的。

❷你那個(gè)當(dāng)程序員的男朋友(如果你有)就可以早點(diǎn)下班回家了。

HTML5是唯一一個(gè)通吃PC、Mac、iPhone、iPad、Android、WindowsPhone等主流平臺(tái)的跨平臺(tái)語(yǔ)言。因?yàn)檫@種跨平臺(tái)的便利，程序員們只需要為之開(kāi)發(fā)一種類別的產(chǎn)品——說(shuō)白了就是一個(gè)***的網(wǎng)頁(yè)。他再也不需要做一款只能在蘋果手機(jī)上運(yùn)行的APP后，再做一款也可以在三星、小米上使用的APP。

❸你的手機(jī)里沒(méi)有Flash了。

如果需要一個(gè)能夠集中展示視頻、音頻等各種媒體形式的插件，那就是Flash。這個(gè)部署在億萬(wàn)瀏覽器里的商業(yè)插件儼然成為事實(shí)上的網(wǎng)頁(yè)標(biāo)準(zhǔn)。但是，HTML5把這個(gè)標(biāo)準(zhǔn)打破了，這些媒體形式不再需要Flash這一插件就能分布在網(wǎng)頁(yè)當(dāng)中。HTML5可以讓我們不借助第三方插件實(shí)現(xiàn)多媒體。

❹正因?yàn)槟愕南到y(tǒng)需要運(yùn)行的第三方插件變少，瀏覽器占用的系統(tǒng)資源相對(duì)也會(huì)變少，有可能你會(huì)發(fā)現(xiàn)自己的手機(jī)電量變得更持久了。

❺當(dāng)你使用定位服務(wù)的時(shí)候，不用點(diǎn)“搜索”了，直接點(diǎn)“附近”。

這是因?yàn)镠TML5更好地實(shí)現(xiàn)了基于地理位置的功能，在從前那些使用舊語(yǔ)言編輯的網(wǎng)頁(yè)上，LBS(基于位置的服務(wù))沒(méi)有獲得很好的支持，所以你需要在網(wǎng)頁(yè)上依次選擇全國(guó)、北京、朝陽(yáng)區(qū)、大望路……

❻網(wǎng)頁(yè)更美觀。

對(duì)網(wǎng)頁(yè)設(shè)計(jì)師來(lái)說(shuō)，HTML5重新定義了很多設(shè)計(jì)標(biāo)準(zhǔn)，這使得他們?cè)诠ぷ鞯臅r(shí)候遵循著更加科學(xué)的方法，再加上HTML5可以讓我們不借助第三方插件實(shí)現(xiàn)多媒體，網(wǎng)頁(yè)設(shè)計(jì)師得以發(fā)揮他們的創(chuàng)造力，你會(huì)看到更加酷炫的網(wǎng)頁(yè)界面。

視覺(jué)，這是最重要的。對(duì)用戶來(lái)說(shuō)，沒(méi)有什么比直接的體驗(yàn)更能說(shuō)明某種技術(shù)為世界帶來(lái)的改變?，F(xiàn)在我用幾個(gè)騰訊新聞的手機(jī)頁(yè)面來(lái)舉例，和你在微信朋友圈看到的那些蹩腳的邀請(qǐng)函、抽獎(jiǎng)頁(yè)面相比，這些頁(yè)面嘗試用一種更有意思、更流暢的方式來(lái)講述事件。

APEC期間推出的《服裝秀》，截取的三個(gè)界面。在這個(gè)應(yīng)用中，新聞相關(guān)的人物將會(huì)變成試衣模特。例如你可以選擇奧巴馬當(dāng)你的模特，然后給他換上各種服裝。

上圖《再見(jiàn)2元的風(fēng)景》是針對(duì)北京地鐵票價(jià)調(diào)整制作的新聞專題頁(yè)。這個(gè)流傳甚廣的煽情專題，也是一個(gè)HTML5頁(yè)面，它提供了一種流暢的圖片瀏覽方式。

HTML5同樣為網(wǎng)頁(yè)提供了更多交互的可能，比如你可以在同一個(gè)頁(yè)面中完成一個(gè)網(wǎng)頁(yè)調(diào)查，然后直接分享給你的朋友圈好友。

總之，HTML5可以更有效地組織互聯(lián)網(wǎng)中的信息，并讓視頻、音頻等服務(wù)得到更好的支持;并在減輕開(kāi)發(fā)者的負(fù)擔(dān)的同時(shí)，讓用戶在不同的平臺(tái)上有更一致的體驗(yàn)。

沒(méi)有炫耀的意思，這些內(nèi)容出于個(gè)人對(duì)HTML5的好奇，導(dǎo)致我多看了一些材料，并且咨詢了行業(yè)的專家。大致上，我能保證這些內(nèi)容都是可信的，對(duì)普通人而言，這些已經(jīng)足夠：甲方或者乙方們?cè)僖膊粫?huì)輕易騙走你的巨額預(yù)算。