思翰的個(gè)人空間 http://sysyfmy.com/?564560 [收藏] [復(fù)制] [RSS]

日志

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

已有 64468 次閱讀2015-12-11 10:20 |系統(tǒng)分類(lèi):營(yíng)銷(xiāo)實(shí)戰(zhàn)| 創(chuàng)造性, 大游戲, 死胡同, HTML5, 開(kāi)發(fā)

　　過(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)站和開(kāi)發(fā)者使用,。關(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。開(kāi)發(fā)者 Viki Hoo 關(guān)于 Flash 仍然會(huì)廣泛的被使用有一些令人信服的觀點(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ì)讓我獲得更多的工作/金錢(qián)/尊重……

　　熟練的掌握 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)用更適合于更靈活的框架�,，F(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允許開(kāi)發(fā)者在（移動(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í)候，開(kāi)發(fā)者需要重新考慮用戶(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,。