tml5是指萬維網的核心語言、 標準通用標記語言下的一個應用 超文本標記語言（ HTML）的第五次重大修改，2014年10月29日， 萬維網聯盟宣布，經過接近8年的艱苦努力，該標準規范終于制定完成。

HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特征被引進以支持這一點，如video、audio和canvas 標記。HTML5還引進了新的功能，可以真正改變用戶與文檔的交互方式，包括新的解析規則增強了靈活性、新屬性、淘汰過時的或冗余的屬性等。

HTML5賦予 網頁更好的意義和結構。更加豐富的標簽將隨著對 RDFa的，微數據與 微格式等方面的支持，構建對程序、對用戶都更有價值的數據 驅動的Web。

本地存儲特性（Class: OFFLINE & STORAGE）

基于HTML5開發的網頁 APP擁有更短的啟動時間，更快的聯網速度，這些全得益于HTML5 APP Cache，以及本地存儲功能。Indexed DB（html5本地存儲最重要的技術之一）和 API說明文檔。

設備兼容特性 (Class: DEVICE ACCESS)

從 Geolocation功能的API文檔公開以來，HTML5為網頁應用開發者們提供了更多功能上的優化選擇，帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與 應用接入開放接口。使外部應用可以直接與瀏覽器內部的數據直接相連，例如視頻影音可直接與microphones及攝像頭相聯。

連接特性（Class: CONNECTIVITY）

更有效的連接工作效率，使得基于頁面的實時聊天，更快速的網頁游戲體驗，更優化的在線交流得到了實現。HTML5擁有更有效的服務器推送技術，Server-Sent Event和WebSockets就是其中的兩個特性，這兩個特性能夠幫助我們實現服務器將數據“推送”到客戶端的功能。

網頁 多媒體 特性(Class: MULTIMEDIA)

支持網頁端的Audio、Video等多媒體功能， 與網站自帶的APPS，攝像頭，影音功能相得益彰。

三維、圖形及特效特性（Class: 3D, Graphics & Effects）

基于SVG、Canvas、WebGL及CSS3的3D功能，用戶會驚嘆于在瀏覽器中，所呈現的驚人視覺效果。

性能與集成特性（Class: Performance & Integration）

沒有用戶會永遠等待你的Loading——HTML5會通過 XMLHttpRequest2等技術，解決以前的跨域等問題，幫助您的Web應用和網站在多樣化的環境中更快速的工作。

CSS3特性(Class: CSS3)

在不犧牲性能和語義結構的前提下， CSS3中提供了更多的風格和更強的效果。此外，較之以前的Web排版，Web的開放字體格式（ WOFF）也提供了更高的靈活性和控制性。

關于沿革

HTML5提供了一些新的元素和屬性，例如

（網站導航塊）和

。這種標簽將有利于搜索引擎的索引整理，同時更好的幫助小屏幕裝置和視障人士使用，除此之外，還為其他瀏覽要素提供了新的功能，如

1、取消了一些過時的 HTML4標記

其中包括純粹顯示效果的標記，如< font>和<center>，它們已經被CSS取代。

HTML5 吸取了 XHTML2 一些建議，包括一些用來改善文檔結構的功能，比如，新的HTML 標簽 header, footer, dialog, aside, figure 等的使用，將使內容創作者更加語義地創建文檔，之前的開發者在實現這些功能時一般都是使用 div。

2、將內容和展示分離

b 和 i 標簽依然保留，但它們的意義已經和之前有所不同，這些標簽的意義只是為了將一段文字標識出來，而不是為了為它們設置粗體或斜體式樣。u，font，center，strike 這些標簽則被完全去掉了。

3、一些全新的表單輸入對象

包括日期，URL，Email 地址，其它的對象則增加了對非拉丁 字符的支持。HTML5 還引入了微數據，這一使用機器可以識別的標簽標注內容的方法，使語義Web 的處理更為簡單。總的來說，這些與結構有關的改進使內容創建者可以創建更干凈，更容易管理的網頁，這樣的網頁對搜索引擎，對讀屏軟件等更為友好。

4、全新的，更合理的Tag

多媒體對象將不再全部綁定在 object或 embed Tag 中，而是視頻有視頻的Tag，音頻有音頻的 Tag。

5、本地數據庫

這個功能將內嵌一個本地的SQL 數據庫，以加速交互式搜索，緩存以及索引功能。同時，那些離線Web 程序也將因此獲益匪淺。不需要插件的豐富動畫。

6、Canvas 對象

將給瀏覽器帶來直接在上面繪制 矢量圖的能力，這意味著用戶可以脫離Flash 和Silverlight，直接在瀏覽器中顯示圖形或動畫。

7、瀏覽器中的真正程序

將提供 API 實現瀏覽器內的編輯，拖放，以及各種 圖形用戶界面的能力。內容修飾Tag 將被剔除，而使用CSS。

8、Html5取代Flash在移動設備的地位。

9、其突出的特點就是強化了web頁的表現性,追加了本地數據庫,

TML5多媒體作品以其對各種平臺的兼容而見長，目前已獲得了廣泛的應用。如果我們需要制作自己的HTML5多媒體作品，一個方便之選就是利用現成的在線制作工具“百度H5”。

首先訪問“百度H5”網頁（https://h5.baidu.com/），可以看到非常簡單的頁面，僅有“我的H5”和“我的模板”兩個選項。其中“我的模板”是通過套用模板的方式來制作HTML5作品，而“我的H5”則可以完全靠自定義各種參數來自由創作，制作好的作品也會顯示在這里（圖1）。

1. 通過創意模板輕松制作

在首頁中選擇“我的模板”，隨后會進入一個模板展示頁面，這些都是設計者們分享的模板。根據你所要設計的作品的類別，可以按類選擇一個類似的作品作為制作的模板，然后在此基礎上進行修改，即可快速形成自己的多媒體作品（圖2）。

比如要制作一個招生方面的媒體作品，選擇如圖所示的秋季班招生模板，然后點擊右下角的“使用模板”按鈕（圖3）。

接下來先要為作品命名，例如“我們的幼兒園招生了”。輸入完畢點擊“確定”按鈕（圖4）。

隨后進入實質性的模板修改編輯階段。對于不合適的內容，可先刪除頁面元素再添加。點擊“文本”菜單插入所需文本內容。同理，可使用右邊的“媒體”按鈕插入圖片、音頻、視頻、嵌入視頻、全景圖等內容。如果是PSD圖片，則直接用PSD菜單載入。若版面中需要插入一些圖標或形狀，則點擊“圖形”菜單選擇添加（圖5）。

此外，對于作品中所要用到的展示數據，可以通過插入圖表、表單等方式，非常輕松地完成數據展示制作（圖6）。如果要實現更多的效果，可通過“插件”菜單，選擇添加頁面加載套件和加載進度、添加計數器、添加幀動畫、添加相冊或地圖等。

對于需要修改的屬性，可通過窗口右側的分類屬性窗口選擇設置。通過窗口下方的編輯區域，可控制動畫、加載頁、全局全景和背景、當前頁等參數設置。例如，要定制個性化的加載頁面效果，點擊“加載頁”選項卡，然后通過下方的滑塊，對加載頁中的圖片和進度進行自定義編輯（圖7）。

對頁面上的各種元素進行修改和編輯完成之后，點擊工具欄左上角的磁盤按鈕將作品保存在網上。注意，編輯過程中產生的內容軟件會自動保存，但為了防止丟失，還是要養成勤于手動保存的習慣。

最后，就可以發布作品了。點擊工具欄上的“發布”按鈕執行發布操作（圖8）。

由于作品是保存在網絡服務器中的，因此作品的共享是以網址的形式體現的。發布時要填寫作品分享的標題，設置個人域名。我們只需在“個性化域名”中填寫自己命名的作品個性域名地址，發布后其他人就可以用這個域名來訪問HTML5作品了（圖9）。

小提示：使用上述服務需要使用自己的百度賬號登錄。為維護網絡安全，目前發布信息需先經過用戶實名制認證方可進行。

2. DIY 完全自己設計制作

套用模板適合于初學者或設計能力不強的用戶。其實，不用套用模板，完全可以從頭全部由自己來設計作品。

制作時，在主頁中選擇“我的H5”，然后點擊空白頁上印有圓圈套加號圖標的按鈕，向導會詢問創建什么樣的布局。從“分頁布局”或“整頁布局”中選擇一種布局方式。如果是分頁布局，則依靠頁面間的前后滑動實現簡單跳轉；如果是整頁布局，則將整個頁面分為不同區域，各部分還可創建鏈接，實現不同的功能（圖10）。

隨后其他步驟與第1部分的添加和設置操作方法相當，只是全要親自設計，不能套用現成的組件而已。在創作過程中，只要善于使用系統提供的文本工具編排文字內容，用媒體和圖形工具添加圖片、圖形、音視頻，數據相關的內容使用圖表、表單等工具，借助于“插件”擴展來補充完善，發揮自由想象的創作空間，一定能創作出更具個性化的作品。