1.2.1 HTML5簡介

HTML是HyperText Markup Language（超文本標(biāo)記語言）的縮寫，是構(gòu)成Web頁面、表示W(wǎng)eb頁面的符號標(biāo)簽語言。通過HTML，將所需表達(dá)的信息按某種規(guī)則寫成HTML文件，再通過專用的瀏覽器來識別，并將這些HTML文件翻譯成可以識別的信息，這就是網(wǎng)頁。

1.HTML的發(fā)展歷史

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

XHTML 1.0是一種在HTML 4.0基礎(chǔ)上優(yōu)化和改進(jìn)的新語言，主要是基于XML應(yīng)用。不過XHTML并沒有成功，大多數(shù)的瀏覽器廠商認(rèn)為XHTML作為一個(gè)過渡化的標(biāo)準(zhǔn)并沒有太大必要，所以XHTML并沒有成為主流。HTML5也因此孕育而生。

HTML5的前身名為Web Applications 1.0，由WHATWG在2004年提出，于2007年被W3C接納。W3C隨即成立了新的HTML工作團(tuán)隊(duì)，團(tuán)隊(duì)包括AOL、Apple、Google、IBM、Microsoft、Mozilla、Nokia、Opera以及數(shù)百個(gè)其他的開發(fā)商。這個(gè)團(tuán)隊(duì)于2009年公布了第一份HTML5正式草案，HTML5將成為HTML和HTML DOM的新標(biāo)準(zhǔn)。2012年12月17日，W3C宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的HTML5規(guī)范正式定稿，確定了HTML5在Web網(wǎng)絡(luò)平臺奠基石的地位。

2.HTML代碼與網(wǎng)頁結(jié)構(gòu)

下面通過“馨美裝修”企業(yè)文化頁面的一段HTML代碼（見圖1-1）和相應(yīng)的網(wǎng)頁結(jié)構(gòu)（見圖1-2）來簡單地認(rèn)識HTML。

圖1-1 HTML代碼片段

圖1-2 代碼相應(yīng)的網(wǎng)頁結(jié)構(gòu)

從圖1-1中可以看出，網(wǎng)頁內(nèi)容是通過HTML標(biāo)簽（圖中帶有“<>”的符號）組織的，網(wǎng)頁文件其實(shí)是一個(gè)純文本文件。

3.HTML5的特性

HTML5雖然繼承了以前版本的特點(diǎn)，但更側(cè)重于在瀏覽器中實(shí)現(xiàn)Web應(yīng)用程序。對于網(wǎng)頁的制作，HTML5主要有兩個(gè)方面的改動，即實(shí)現(xiàn)Web應(yīng)用程序和用于更好地呈現(xiàn)內(nèi)容。

（1）實(shí)現(xiàn)Web應(yīng)用程序

HTML5引入了新的功能，以幫助Web應(yīng)用程序的創(chuàng)建者能夠更好地在瀏覽器中創(chuàng)建富媒體應(yīng)用程序，這是當(dāng)前Web應(yīng)用的熱點(diǎn)。多媒體應(yīng)用程序目前主要由Ajax和Flash來實(shí)現(xiàn)，HTML5的出現(xiàn)增強(qiáng)了這種應(yīng)用。HTML5用于實(shí)現(xiàn)Web應(yīng)用程序的功能如下。

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

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

3）擴(kuò)展的HTML DOM API（Application Programming Interface，應(yīng)用程序編程接口）。

4）本地離線存儲。

5）Web SQL數(shù)據(jù)庫。

6）離線網(wǎng)絡(luò)應(yīng)用程序。

（2）更好地呈現(xiàn)內(nèi)容

基于Web表現(xiàn)的需要，HTML5引入了能夠更好地呈現(xiàn)內(nèi)容的元素，主要有以下幾項(xiàng)。

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

2）用于文件結(jié)構(gòu)的article、footer、header、nav、section等元素。

3）功能強(qiáng)大的表單控件。