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

日志

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

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

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

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

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

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

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

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

　　樹大招風(fēng),，蘋果似乎經(jīng)常受到各種指責(zé)。雖然 HTML5 可以為移動(dòng)設(shè)備提供一些非常有用的功能,，但是它不是為了這個(gè)需求而被創(chuàng)造的,。事實(shí)上，早在2004年,，Opera 和 Mozilla 為了解決亂糟糟的網(wǎng)頁標(biāo)準(zhǔn)定義了一些好的設(shè)計(jì)標(biāo)準(zhǔ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)，審議通過并開始使用,，這就是HTML5,。

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

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

　　傳說3： HTML5 需要 CSS3 支持

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

　　傳說4：HTML5 破壞了可訪問性（Accessibility）

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

　　傳說5：HTML5 是 Flash 殺手

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

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

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

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

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

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

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

　　它新并不表示它安全

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

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

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

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

　　現(xiàn)在幾乎所有人都熱衷于開發(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允許開發(fā)者在（移動(dòng)）瀏覽器內(nèi)開發(fā)應(yīng)用,，所以如果你正在制定一項(xiàng)桌面或者移動(dòng)應(yīng)用的長期發(fā)展策略,，你可能需要考慮這一點(diǎn)。

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

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

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

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