如何正確看待HTML5開(kāi)發(fā)設(shè)計(jì)？

　　過(guò)去2年，我們都見(jiàn)證手機(jī)和社交游戲的興起：兩大游戲類(lèi)型既各自發(fā)展，同時(shí)也開(kāi)始互相滲透，融入HTML5技術(shù)。這片市場(chǎng)如今開(kāi)始不斷升溫，我們是時(shí)候填充些創(chuàng)造性火苗，但同時(shí)需留心用戶(hù)需求，避免引火自焚。接下來(lái)我們來(lái)看一下在html5如此風(fēng)靡的今天，我們必須要認(rèn)清楚的幾件事情，希望大家不要被html5的火爆所迷失，跟風(fēng)沒(méi)有什么不好，但是如果認(rèn)知上出現(xiàn)了誤區(qū)，那么企業(yè)將會(huì)走上一條死胡同，希望大家引起足夠的重視。

　　正如 Opera 的布道者 Bruce Lawson 講的那樣，“每個(gè)人都在談?wù)?HTML5”，它被傳的很神、很玄。

　　但簡(jiǎn)單地說(shuō)，HTML5 就是以新的標(biāo)準(zhǔn)、語(yǔ)法和規(guī)則來(lái)創(chuàng)建網(wǎng)頁(yè)，可以利用一些新的瀏覽器的“本地”功能，例如離線(xiàn)存儲(chǔ)、多媒體播放和其他的交互等等。我們看到的很多很酷的 HTML5 網(wǎng)站實(shí)際上跟 HTML5 無(wú)關(guān)，它們大多是由 CSS3 和 jQuery 生成的。CSS3 和 jQuery 是和 HTML5 一樣的新技術(shù)，它們和 HTML5 是平行的概念。

　　可以說(shuō)，HTML5 實(shí)際上只是古老的 DHTML 或者 Ajax，但是各種關(guān)于它的信息混在一起，就出現(xiàn)了一些錯(cuò)誤的說(shuō)法。這篇文章講了關(guān)于 HTML5 的7個(gè)傳說(shuō)，其實(shí)也就是誤解。

　　關(guān)于html5 的七個(gè)傳說(shuō)：

　　傳說(shuō)1：因?yàn)樘O(píng)果不支持 Flash，所以人們發(fā)明了 HTML5

　　樹(shù)大招風(fēng)，蘋(píng)果似乎經(jīng)常受到各種指責(zé)。雖然 HTML5 可以為移動(dòng)設(shè)備提供一些非常有用的功能，但是它不是為了這個(gè)需求而被創(chuàng)造的。事實(shí)上，早在2004年，Opera 和 Mozilla 為了解決亂糟糟的網(wǎng)頁(yè)標(biāo)準(zhǔn)定義了一些好的設(shè)計(jì)標(biāo)準(zhǔn)。他們的目的很簡(jiǎn)單，就是向 W3C 提交這些標(biāo)準(zhǔn)，從而創(chuàng)建一個(gè)更好用、更快速的 HTML 標(biāo)準(zhǔn)，這個(gè)標(biāo)準(zhǔn)直到2006年才被接受。但在之后短短的三年內(nèi)，人們又起草了一個(gè)新的標(biāo)準(zhǔn)，審議通過(guò)并開(kāi)始使用，這就是HTML5。

　　傳說(shuō)2：HTML5 要到2022年才會(huì)成熟

　　我們知道 HTML5 的起草文件已經(jīng)在2009年審議通過(guò)，也就是沒(méi)有新的內(nèi)容可以被添加，也不會(huì)有顯著的改動(dòng)，所以現(xiàn)在使用 HTML5 并不用擔(dān)心向下兼容的問(wèn)題?？梢酝ㄟ^(guò)一些輕量級(jí)的 JavaScript 來(lái)讓老版本的瀏覽器支持復(fù)雜的 Canvas ，而所有新版本的瀏覽器都支持 HTML5，但要注意，很多老版本的瀏覽器對(duì) CSS3 的支持很差。

　　傳說(shuō)3： HTML5 需要 CSS3 支持

　　雖然 CSS3 能為 HTML5 增色不少，例如語(yǔ)義 class 名字，但這決不是必須的。HTML5 只是標(biāo)記語(yǔ)言，你當(dāng)然可以使用 HTML5 + CSS2，只不過(guò)沒(méi)有那么優(yōu)雅。由于 HTML5 移除了屬性和標(biāo)簽，所以你需要為每一個(gè)元素指定全部的樣式。例如，在 HTML5 中，為了讓瀏覽器正確的渲染頁(yè)面，你需要為每一個(gè)頁(yè)面元素設(shè)置“display:block”聲明。簡(jiǎn)而言之，HTML5 需要樣式來(lái)讓頁(yè)面更好看，但不必須是 CSS3。

　　傳說(shuō)4：HTML5 破壞了可訪(fǎng)問(wèn)性（Accessibility）

　　相反，HTML5 從設(shè)計(jì)之初就考慮到了可訪(fǎng)問(wèn)性。每一個(gè)元素都支持 WIA ARIA 標(biāo)志角色。這些角色可以讓屏幕閱讀器這類(lèi)設(shè)備更好地理解頁(yè)面的內(nèi)容。

　　傳說(shuō)5：HTML5 是 Flash 殺手

　　Flash 依然被無(wú)數(shù)的網(wǎng)站和使用。關(guān)于 Flash 和 HTML5 之間的誤解來(lái)源于 Adobe 和 Apple 之間的爭(zhēng)執(zhí)以及 HTML5 音頻、視頻應(yīng)用的迅速普及。雖然 HTML5 可以很好地支持少量的視頻播放，但是 HTML5 比 Flash 需要更多的編碼資源，而且缺少那些瀏覽器插件提供的技術(shù)。目前類(lèi)似 Vimeo 和 YouTube 大量的使用 HTML5 技術(shù)是為了推廣這項(xiàng)技術(shù)，他們短期內(nèi)不會(huì)徹底放棄 Flash。 Viki Hoo 關(guān)于 Flash 仍然會(huì)廣泛的被使用有一些令人信服的觀(guān)點(diǎn) 。

　　但是從頁(yè)面設(shè)計(jì)的角度來(lái)看，我們希望盡快的從 FLash 中解脫出來(lái)，因?yàn)镠TML5 學(xué)起來(lái)用起來(lái)都更容易。它不需要插件，裝載快速，并且對(duì)移動(dòng)設(shè)備很友好。所以不是 HTML5 干掉了 Flash，準(zhǔn)確的說(shuō)是 HTML5 將統(tǒng)治移動(dòng)設(shè)計(jì)和開(kāi)發(fā)市場(chǎng)。

　　傳說(shuō)6：只要在我的網(wǎng)站上添加了 HTML5 doctype，它就是 HTML5 網(wǎng)站了

　　從瀏覽器的角度來(lái)說(shuō)，是的，添加了 HTML5 doctype 的網(wǎng)站都會(huì)被認(rèn)為是 HTML5 網(wǎng)站。但是 HTML5 不僅僅是一個(gè) doctype。它是一套完整的更佳實(shí)踐、語(yǔ)義標(biāo)簽、排版元素例如 <header>、<nav>、<section>、<article>等等。這些元素能讓你的網(wǎng)站利用瀏覽器的新功能，才能稱(chēng)得上是 HTML5。同時(shí)你也要注意那些在 HTML5 中被棄用的元素和屬性，以保證兼容性。

　　傳說(shuō)7：使用 HTML5 會(huì)讓我獲得更多的工作//尊重……

　　熟練的掌握 HTML5 并不會(huì)讓你看起來(lái)更性感，除非你是 Bruce Lawson。它也不會(huì)讓你找到夢(mèng)想的工作，你的實(shí)力還是需要通過(guò)設(shè)計(jì)能力，編碼能力來(lái)體現(xiàn)。當(dāng)然，學(xué)習(xí)新技術(shù)的熱情和毅力是值得欣賞的。

　　關(guān)于html5，你必須要認(rèn)清的問(wèn)題：

　　它新并不表示它安全

　　網(wǎng)絡(luò)應(yīng)用開(kāi)發(fā)工程師們?cè)趯W(xué)習(xí)新技術(shù)的同時(shí)需要時(shí)刻記住網(wǎng)絡(luò)安全。HTML5所購(gòu)建的網(wǎng)頁(yè)和其他語(yǔ)言編寫(xiě)的網(wǎng)頁(yè)一樣容易泄露一些敏感數(shù)據(jù)。歐洲網(wǎng)絡(luò)信息安全機(jī)構(gòu)（European Network and Information Security Agency，ENISA）已經(jīng)警告說(shuō)HTML5可能并不夠安全。

　　它可能會(huì)消滅Flash但不是現(xiàn)在

　　許多業(yè)內(nèi)人士表示，HTML將會(huì)更終代替多媒體框架，如Adobe的Flash，但是短期看來(lái)還不是現(xiàn)在。HTML5估計(jì)到2014年才能逐步成熟，而且將現(xiàn)有應(yīng)用Flash的網(wǎng)絡(luò)開(kāi)發(fā)完全轉(zhuǎn)向HTML5還需要一段時(shí)間。盡管HTML5提出了許多優(yōu)點(diǎn)，但是還可能有某些應(yīng)用更適合于更靈活的框架。現(xiàn)在，一些主流的大公司都逐步轉(zhuǎn)向使用HTML5，但是這個(gè)轉(zhuǎn)變的過(guò)程也不是一蹴而就的。

　　它將會(huì)變得很移動(dòng)化

　　現(xiàn)在幾乎所有人都熱衷于開(kāi)發(fā)獨(dú)立的移動(dòng)應(yīng)用，但是HTML5很可能會(huì)是獨(dú)立移動(dòng)應(yīng)用的終結(jié)者。由于HTML5將應(yīng)用的功能直接加入其內(nèi)核，這很可能引導(dǎo)移動(dòng)技術(shù)潮流重新回到瀏覽器時(shí)代。HTML5允許在（移動(dòng)）瀏覽器內(nèi)開(kāi)發(fā)應(yīng)用，所以如果你正在制定一項(xiàng)桌面或者移動(dòng)應(yīng)用的長(zhǎng)期發(fā)展策略，你可能需要考慮這一點(diǎn)。

　　它承諾帶來(lái)一個(gè)無(wú)縫的網(wǎng)絡(luò)

　　HTML5會(huì)帶來(lái)一個(gè)統(tǒng)一的網(wǎng)絡(luò)，無(wú)論是筆記本、臺(tái)式機(jī)還是智能手機(jī)都應(yīng)該很方便的瀏覽基于HTML5的網(wǎng)站。因此在設(shè)計(jì)網(wǎng)站的時(shí)候，需要重新考慮用戶(hù)體驗(yàn)、網(wǎng)站瀏覽、網(wǎng)站結(jié)構(gòu)等因素使得這個(gè)網(wǎng)站對(duì)任何硬件設(shè)備都通用。

　　它會(huì)變成企業(yè)的SaaS平臺(tái)

　　一些重量級(jí)的企業(yè)，如微軟、Salesforce、SAP Sybase正在開(kāi)發(fā)HTML5的開(kāi)發(fā)工具。如果你正在構(gòu)建企業(yè)應(yīng)用，很可能不久的將來(lái)你就要用到HTML5。所以當(dāng)構(gòu)建公司的SaaS戰(zhàn)略遷移的時(shí)候也不要忘記HTML5。

　　我們先不爭(zhēng)論原生是否會(huì)消失，但在2015年，HTML5產(chǎn)業(yè)確實(shí)取得了突破性進(jìn)展。

　　我們不再是只能干巴巴的說(shuō)：“手機(jī)硬件、網(wǎng)絡(luò)都在提升，HTML5是趨勢(shì)”這種年年都在說(shuō)的“真理”了。

　　一些產(chǎn)品真正解決了HTML5的缺陷，并利用HTML5的優(yōu)勢(shì)讓開(kāi)發(fā)商和用戶(hù)，實(shí)打?qū)嵉母惺艿搅薍TML5給他們的帶來(lái)的價(jià)值。

　　眾多從業(yè)公司，眾多產(chǎn)品和思路，誰(shuí)能更終勝出仍然未知。但看著未來(lái)越來(lái)越近是令人欣喜的，并且更欣喜的是中國(guó)公司在這場(chǎng)變革中龍頭了很多創(chuàng)新。