以移動互聯(lián)網(wǎng)領(lǐng)域為例，面對眾多的終端設(shè)備和平臺，設(shè)計師和開發(fā)人員不得不在產(chǎn)品的展現(xiàn)和體驗的一致性方面做出妥協(xié)舉措，并在疲于填鋪平臺的過程中浪費了我們?nèi)绱硕嗟木Α?/p>

HTML5，被傳為Flash 的殺手，是一種用于web 應(yīng)用程序開發(fā)、具有變革意義的網(wǎng)絡(luò)技術(shù)。HTML 5提供了一些新的元素和屬性，其中有些是技術(shù)上類似

和標(biāo)簽，但有一定含義，例如

和

。這種標(biāo)簽將有利于搜索引擎的索引整理、小屏幕設(shè)備和視障人士使用。同時為其他瀏覽要素提供了新的功能，通過一個標(biāo)準(zhǔn)接口，如

和

標(biāo)記。

除了原先的DOM接口，HTML5增加了更多樣化的API：

實時二維繪圖

Canvas API：有關(guān)動態(tài)產(chǎn)出與渲染圖形、圖表、圖像和動畫的API。

定時媒體播放

HTML5 音頻與視頻：HTML5里新增的元素，它們?yōu)殚_發(fā)者提供了一套通用的、集成的、腳本式的處理音頻與視頻的API，而無需安裝任何插件。

離線存儲數(shù)據(jù)庫(離線網(wǎng)絡(luò)應(yīng)用程序)

編輯

拖放

跨文檔通信

通信/網(wǎng)絡(luò)

Communication APIs：構(gòu)建實時和跨源(cross-origin)通信的兩大基礎(chǔ)： 跨文檔通信(Cross Document Messaging)與 XMLHttpRequest Level 2。

瀏覽歷史管理

MIME和協(xié)議處理程序時表頭登記

微數(shù)據(jù)

以上技術(shù)說明存在于WHATWG HTML說明文檔中，但并沒有全部包含在W3C HTML5的說明文檔里;W3C另對一些技術(shù)做了單獨說明，此文不再一一贅述。

聽起來略有些太過技術(shù)了，那么HTML5對設(shè)計將會有哪些影響呢?這是網(wǎng)頁設(shè)計師和開發(fā)人員不厭其煩討論了編程代碼后不得不考慮的問題。

HTML5及web app 的優(yōu)勢

以移動互聯(lián)網(wǎng)領(lǐng)域為例，面對眾多的終端設(shè)備和平臺，設(shè)計師和開發(fā)人員不得不在產(chǎn)品的展現(xiàn)和體驗的一致性方面做出妥協(xié)舉措，并在疲于填鋪平臺的過程中浪費了我們?nèi)绱硕嗟木Α．a(chǎn)品本來可以達(dá)到更高的水準(zhǔn)，但移動終端碎片化(包括硬件和軟件)的現(xiàn)實將美好的愿望阻攔在外。

當(dāng)前主流的手機開發(fā)平臺有：iOS、Symbian、Linux、Palm、BlackBerry、Windows Mobile、Android等。其中，iOS平臺需要針對480*320、960*640及1024*768的分辨率分別設(shè)計;Android平臺中QVGA分辨率為240*320，WQVGA分辨率為240*400，HVGA分辨率為320*480，WVGA分辨率為480*800，F(xiàn)WVGA分辨率為480*854等等;Symbian系統(tǒng)可謂歷史悠久，現(xiàn)在開發(fā)主要針對S60 V3和V5兩個版本，分辨率仍有176*208、208*208、240*320/320*240、352*416/416*352及800*352等眾多種類。即使同一個平臺，分辨率不同設(shè)計也就會有相應(yīng)的差異。加之客戶端產(chǎn)品需要不斷的更新迭代，從1.0版本、2.0版本一直到N.0版本;每開發(fā)一次native app 就需要鋪一次平臺。并且現(xiàn)實狀況是并非所有用戶都會積極更新新版本，所以設(shè)計師和開發(fā)人員在研發(fā)新功能的時候還要顧忌之前的舊版本會不會支持等問題。不同的平臺乘以不同的版本，人力物力被投入到了鋪設(shè)平臺的工作中，提高產(chǎn)品用戶體驗的精力比較有限。

于是人們受夠了終端設(shè)備碎片化的折磨，開始期盼著一種有別于native app的事物出現(xiàn)。由HTML5技術(shù)開發(fā)的web app的出現(xiàn)給予了設(shè)計師和開發(fā)人員美好愿景。HTML5技術(shù)的渲染過程主要是由瀏覽器、內(nèi)嵌HTML5解析器的應(yīng)用程序、支持書簽打開方式的應(yīng)用程序抑或是移動手機產(chǎn)品進(jìn)行的。如此，產(chǎn)品的上線和版本更新不再需要花費那么長時間來鋪平臺， Appcelerator的內(nèi)部邏輯會將產(chǎn)品的UI轉(zhuǎn)換為iOS或Android等平臺的原生界面。同時，web app形式的產(chǎn)品不需要用戶下載更新，通過網(wǎng)絡(luò)即可以訪問最新版本;也便于設(shè)計師和開發(fā)人員調(diào)試和修正錯誤，不再存在同時兼顧新舊版本的問題。