1.2.1 HTML5簡介

HTML是HyperText Markup Language（超文本標記語言）的縮寫，是構成Web頁面、表示Web頁面的符號標簽語言。通過HTML，將所需表達的信息按某種規則寫成HTML文件，再通過專用的瀏覽器來識別，并將這些HTML文件翻譯成可以識別的信息，這就是網頁。

1.HTML的發展歷史

HTML最早源于SGML（Standard General Markup Language，標準通用標記語言），它由Web的發明者Tim Berners-Lee及其同事Daniel W.Connolly于1990年創立。在互聯網發展的初期，由于互聯網沒有一種網頁技術呈現的標準，所以多家軟件公司合力打造了HTML標準，其中最著名的就是HTML 4.0，這是一個具有跨時代意義的標準。但HTML 4.0依然有其缺陷和不足，人們也在不斷改進它，使它更加具有可控制性和彈性，以適應網絡上的應用需求。2000年，W3C組織公布發行了XHTML 1.0版本。

XHTML 1.0是一種在HTML 4.0基礎上優化和改進的新語言，主要是基于XML應用。不過XHTML并沒有成功，大多數的瀏覽器廠商認為XHTML作為一個過渡化的標準并沒有太大必要，所以XHTML并沒有成為主流。HTML5也因此孕育而生。

HTML5的前身名為Web Applications 1.0，由WHATWG在2004年提出，于2007年被W3C接納。W3C隨即成立了新的HTML工作團隊，團隊包括AOL、Apple、Google、IBM、Microsoft、Mozilla、Nokia、Opera以及數百個其他的開發商。這個團隊于2009年公布了第一份HTML5正式草案，HTML5將成為HTML和HTML DOM的新標準。2012年12月17日，W3C宣布凝結了大量網絡工作者心血的HTML5規范正式定稿，確定了HTML5在Web網絡平臺奠基石的地位。

2.HTML代碼與網頁結構

下面通過“馨美裝修”企業文化頁面的一段HTML代碼（見圖1-1）和相應的網頁結構（見圖1-2）來簡單地認識HTML。

圖1-1 HTML代碼片段

圖1-2 代碼相應的網頁結構

從圖1-1中可以看出，網頁內容是通過HTML標簽（圖中帶有“<>”的符號）組織的，網頁文件其實是一個純文本文件。

3.HTML5的特性

HTML5雖然繼承了以前版本的特點，但更側重于在瀏覽器中實現Web應用程序。對于網頁的制作，HTML5主要有兩個方面的改動，即實現Web應用程序和用于更好地呈現內容。

（1）實現Web應用程序

HTML5引入了新的功能，以幫助Web應用程序的創建者能夠更好地在瀏覽器中創建富媒體應用程序，這是當前Web應用的熱點。多媒體應用程序目前主要由Ajax和Flash來實現，HTML5的出現增強了這種應用。HTML5用于實現Web應用程序的功能如下。

1）繪畫的Canvas元素，該元素就像在瀏覽器中嵌入一塊畫布，可以在畫布上繪畫。

2）更好的用戶交互操作，包括拖放、內容可編輯等。

3）擴展的HTML DOM API（Application Programming Interface，應用程序編程接口）。

4）本地離線存儲。

5）Web SQL數據庫。

6）離線網絡應用程序。

（2）更好地呈現內容

基于Web表現的需要，HTML5引入了能夠更好地呈現內容的元素，主要有以下幾項。

1）用于視頻、音頻播放的video元素和audio元素。

2）用于文件結構的article、footer、header、nav、section等元素。

3）功能強大的表單控件。