1引言

HTML（HyperTextMarkupLanguage，超文本標記語言）是為網頁創建和其它可在網頁瀏覽器中看到的信息設計的一種標記語言。早在1991年，TimBerners-Lee編寫了一份叫做“HTML標簽”的文檔，里面包含了大約20個用來標記網頁的HTML標簽。這為Web的誕生與發展奠定了基礎。隨后不到10年的時間中，HTML先后由IETF，W3C制定發布了2.0，3.0，4.0多個升級版本，特別是1999年底W3C發布的4.01版本是之后10多年來，Web上沿用至今的HTML標準規范。這期間，HTML始終作為一種Web頁面的信息編輯于呈現語言而存在。直到2008年，HTML5第一版草案發布之后，HTML的主要功能與使命才發生了一次變革性的飛躍———W3C宣布其未來數年的愿景為構建以HTML5為核心的下一代開放Web應用平臺。

2移動終端HTML5Web應用的技術架構

HTML5標準由W3C與WHATWG聯合開發制定，目前已基本成型，預計將于今年成為W3C的候選標準。而通常所說的HTML5Web應用技術規范，是指廣義上一系列的HTML5，CSS以JavaScriptAPI擴展規范所構成一個Web應用平臺體系。新的HTML5系列技術提供了增強了的富媒體、富內容功能，特別是加入了適合構建移動Web應用的富應用特性（見圖1）。從技術功能上看，HTML5Web平臺所涉及的技術規范大致可歸類為圖形、多媒體、設備適配、表格、用戶交互、數據存儲、個人信息管理、硬件集成、網絡、通信、封裝、性能與優化等方面。這些技術功能基本上構成了一個完整的、以終端瀏覽器為應用運行平臺的HTML5Web應用的技術架構（見圖2）。在移動終端的Web應用運行環境中，其核心部分為終端瀏覽器運行引擎，其中又包括Web核心引擎和JavaScriptAPI擴展兩大模塊。Web核心引擎主要負責Web應用代碼中的HTML，CSS，JavaScript腳本，加載、處理、渲染頁面布局以及其中的文本、圖像、視頻、音頻等多媒體元素；而JavaScriptAPI擴展則完成Web應用中所調用的API的具體功能調用執行，通過終端系統能力、網絡交互能力將通用的Web應用API接口功能在終端上實現。后面章節將主要針對這兩大模塊所涉及的技術功能，結合W3C的HTML5Web應用的一系列現有標準規范工作，分析目前移動終端上HTML5Web應用的技術能力架構。

3終端Web應用的核心Web技術標準

3.1圖像

(1)2D矢量圖形（SVG，ScalableVectorGraphics）

SVG提供一套基于XML的標記語言用于描述二維矢量圖形。由于圖像是由一組幾何圖形構成的，它們能夠按照用戶的需求任意縮放，因此非常適合在屏幕尺寸受限的移動設備上的開發。它們也很容易被動畫化，可創建非常高級、平滑的用戶界面。SVG為HTML5帶來了新的可能性，例如將高級圖像過濾效果通過SVG過濾器應用在多媒體內容上。相應標準：SVGTiny1.2，SVG2.0。

(2)2D編程性

API作為對SVG所提供的描述性方式的補充，HTML5中的<canvas>元素提供了一套2D編程性的API，非常適于以內存低耗用的方式處理圖像。該API不僅可以渲染圖像，也能夠用于進行圖片處理和分析。相應標準：HTMLCanvas2DContext。

(3)CSS圖像樣式效果

SVG和HTML都能夠使用CSS（CascadingStyleSheets，層疊樣式表）進行排版；特別是CSS3，作為一套規范集合，提供了大量的新特征，使得創建圖像效果更加簡便，如圓角、復雜的背景圖片、陰影效果、旋轉內容、動畫、3D效果等。

相應標準：

●圓角、復雜的背景圖片、陰影效果：CSSBack-groundsandBorders。

●2D變換：CSS2DTransformsModuleLevel3。

●3D效果：CSS3DTransformsModuleLevel3。

●動畫效果：CSSAnimationsModuleLevel3，CSSTransitionsModuleLevel3，TimingControlforScript-basedAnimationsAPI。

(4)可下載的字體集

好的字體對于構建吸引人的圖形界面起到重要作用，但移動設備發行時通常只有有限的字體集合。WOFF（WebOpenFontFormat）可以便捷地通過樣式表自動下載字體，同時保持下載字體集的大小僅限于渲染界面實際所需。相應標準：WOFFFileFormat1.0。

3.2多媒體

媒體播放

HTML5通過添加<video>和<audio>這兩個標簽，顯著的提升了Web頁面對多媒體內容的集成。這兩個標簽分別允許嵌入視頻和音頻內容，讓Web開發者能夠擺脫插件，而更加自由的與這些媒體內容交互。相應標準：HTML5videoelement，HTML5audioelement。

3.3設備適配

移動設備不僅與傳統的電腦差別迥異，而且彼此之間也有許多不同。比如屏幕尺寸、分辨率、鍵盤類型、媒體攝錄能力等。

(1)設備信息：DeviceDescriptionRepositoryAPI，一個統一的服務器側的API，允許Web開發者從眾多的設備信息數據庫中，獲取正在訪問他們網站的設備的配置信息數據。

(2)基于CSS的適配：CSSMediaQueries，提供了一套機制允許Web頁面根據一些設備特性（包括屏幕分辨率）適配布局和行為。CSSDeviceAdaptation定義了一套CSS指令，參照所持設備的尺寸，指定每個布局所適用的尺寸。

3.4表單

在大多數基于Web的應用中，使用HTML構建豐富的表格是用戶輸入的基礎。由于有限的鍵盤，在移動設備上的文本輸入對大多數用戶來說還是件麻煩的事情。HTML5通過提供新的表格控制模式，優化用戶輸入數據的方式，而部分地解決這個問題：

(1)時日和時間實體：HTML5DateandTimeStateofInput元素，能夠利用專門的表單控件（如<inputtype=“date”>）而直接調用本地的日歷控件。