1引言

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

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

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

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

3.1圖像

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

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

(2)2D編程性

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

(3)CSS圖像樣式效果

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

相應標準：

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

●2D變換：CSS2DTransformsModuleLevel3。

●3D效果：CSS3DTransformsModuleLevel3。

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

(4)可下載的字體集

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

3.2多媒體

媒體播放

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

3.3設備適配

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

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

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

3.4表單

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

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