HTML5,被傳為Flash 的殺手,是一種用於web 應用程式開發、具有變革意義的網路技術。 HTML 5提供了一些新的元素和屬性,其中有些是技術上類似 和標籤,但有某種意義,例如和。這種標籤將有利於搜尋引擎的索引整理、小螢幕設備和視障人士使用。同時為其他瀏覽要素提供了新的功能,透過一個標準接口,如和標記。 除了原先的DOM接口,HTML5增加了更多樣化的API: 即時二維繪圖 Canvas API:有關動態產出與渲染圖形、圖表、圖像和動畫的API。 定時媒體播放 HTML5 音訊與視訊:HTML5裡新增的元素,它們為開發者提供了一套通用的、整合的、腳本式的處理音訊與視訊的API,而無需安裝任何外掛程式。 離線儲存資料庫(離線網路應用程式) 編輯 拖放 跨文件通訊 通訊/網路 Communication APIs:建構即時與跨來源(cross-origin)通訊的兩大基礎: 跨文件通訊(Cross Document Messaging)與 XMLHttpRequest Level 2。 瀏覽歷史管理 MIME和協議處理程序時表頭登記 微數據 以上技術說明存在於WHATWG HTML說明文件中,但並沒有全部包含在W3C HTML5的說明文件裡;W3C另對一些技術做了單獨說明,此文不再一一贅述。 聽起來略有些太過技術了,那麼HTML5對設計會有哪些影響呢?這是網頁設計師和開發人員不厭其煩討論了程式碼後不得不考慮的問題。 HTML5及web app 的優勢 以行動網路領域為例,面對眾多的終端設備和平台,設計師和開發人員不得不在產品的展現和體驗的一致性方面做出妥協舉措,並在疲於填鋪平台的過程中浪費了我們這麼多的精力。產品本來可以達到更高的水準,但行動終端碎片化(包括硬體和軟體)的現實將美好的願望阻止在外。 目前主流的手機開發平台有:iOS、Symbian、Linux、Palm、BlackBerry、Windows Mobile、Android等。其中,iOS平台需針對480*320、960*640及1024*768的解析度分別設計;Android平台中QVGA解析度為240*320,WQVGA解析度為240*400,HVGA解析度為320*480, WVGA解析度為480*800,FWVGA解析度為480*854等;Symbian系統可謂歷史悠久,現在開發主要針對S60 V3和V5兩個版本,解析度仍有176*208、208*208、240* 320/320*240、352*416/416*352及800*352等眾多種類。即使同一個平台,解析度不同設計也會有相對應的差異。加之客戶端產品需要不斷的更新迭代,從1.0版本、2.0版本一直到N.0版本;每開發一次native app 就需要舖一次平台。而現實狀況是並非所有使用者都會積極更新新版本,所以設計師和開發人員在研發新功能的時候還要顧忌之前的舊版本會不會支援等問題。不同的平台乘以不同的版本,人力物力被投入了鋪設平台的工作中,提高產品使用者體驗的精力比較有限。 於是人們受夠了終端設備碎片化的折磨,開始期盼著一種有別於native app的事物出現。由HTML5技術開發的web app的出現給予了設計師和開發人員美好願景。 HTML5技術的渲染過程主要是由瀏覽器、內嵌HTML5解析器的應用程式、支援書籤開啟方式的應用程式抑或是行動手機產品所進行的。如此,產品的上線和版本更新不再需要花費那麼長時間來鋪平台, Appcelerator的內部邏輯會將產品的UI轉換為iOS或Android等平台的原生介面。同時,web app形式的產品不需要使用者下載更新,透過網路即可以存取最新版本;也便於設計師和開發人員偵錯和修正錯誤,不再存在同時兼顧新舊版本的問題。