第1章 HTML5概述

1.1 互聯(lián)網(wǎng)概述

WWW是World Wide Web的縮寫，簡(jiǎn)稱為Web。1989年Web誕生于歐洲原子能研究中心（European Organization for Nuclear Research，簡(jiǎn)稱為CERN），CERN的物理學(xué)家Tim Berners-Lee提出了一個(gè)新的Internet協(xié)議，命名為Web，其目的是為了使科學(xué)家們可以利用網(wǎng)絡(luò)共享文檔。1990年11月，第一個(gè)Web服務(wù)器nxoc01.cern.ch開始運(yùn)行，由Tim Berners-Lee編寫的圖形化Web瀏覽器第一次出現(xiàn)在人們面前。1991年，CERN正式發(fā)布了Web技術(shù)標(biāo)準(zhǔn)。1993年，第一個(gè)圖形界面的瀏覽器Mosaic開發(fā)成功。1994年，著名的Netscape Navigator瀏覽器問世。1995年，由Mosaic衍生而來的IE瀏覽器誕生。目前，與Web相關(guān)的標(biāo)準(zhǔn)都由W3C組織（World Wide Web Consortium，萬維網(wǎng)聯(lián)盟）管理和維護(hù)。

Web是運(yùn)行在Internet之上所有的HTTP服務(wù)器軟件和對(duì)象的集合，是一個(gè)分布式的超媒體信息系統(tǒng)，Web可以使人們利用網(wǎng)絡(luò)實(shí)現(xiàn)信息資源的共享。從技術(shù)層面上分析，Web主要包括超文本傳輸協(xié)議（HTTP）、統(tǒng)一資源定位符（URL）以及超文本標(biāo)記語言（HTML）。

1.1.1 超文本傳輸協(xié)議

超文本傳輸協(xié)議（HyperText Transfer Protocol，HTTP）基于客戶端瀏覽器或其他程序與Web服務(wù)器之間的面向?qū)ο蟮膽?yīng)用層，可用于實(shí)現(xiàn)客戶端和服務(wù)器端的信息傳輸。HTTP由于其簡(jiǎn)潔、快速等特點(diǎn)，適用于分布式超媒體信息系統(tǒng)。它允許將超文本標(biāo)記語言文檔從Web服務(wù)器傳送到客戶端瀏覽器，HTTP工作在TCP/IP協(xié)議體系中。客戶端和服務(wù)器端必須都支持HTTP，才能實(shí)現(xiàn)客戶端和服務(wù)器端之間的交互。

HTTP協(xié)議具有如下特點(diǎn)。

（1）支持客戶端／服務(wù)器端模式。

（2）簡(jiǎn)單快速。客戶端向服務(wù)器提交請(qǐng)求時(shí)，只需要發(fā)送請(qǐng)求方法和路徑。請(qǐng)求方法有GET、HEAD、POST。請(qǐng)求方法不同，客戶端和服務(wù)器聯(lián)系的類型也不同。由于HTTP協(xié)議簡(jiǎn)單，服務(wù)器的程序規(guī)模較小，所以通信速度較快。

（3）靈活。HTTP允許傳輸任意類型的數(shù)據(jù)對(duì)象，被傳輸?shù)臄?shù)據(jù)對(duì)象的類型由Content-Type標(biāo)識(shí)。

（4）無連接。無連接指的是每次連接只處理一個(gè)請(qǐng)求，各個(gè)連接之間是相互獨(dú)立的。服務(wù)器處理完客戶端的請(qǐng)求，并接收到客戶端的應(yīng)答后即斷開連接。無連接方式可以節(jié)省傳輸成本。

（5）無狀態(tài)。HTTP協(xié)議是無狀態(tài)協(xié)議，無狀態(tài)指的是事務(wù)處理沒有記憶能力，這意味著如果后續(xù)的處理需要使用前面的信息，則必須重新傳輸。無狀態(tài)可能會(huì)導(dǎo)致每次連接傳輸?shù)臄?shù)據(jù)量較大，但是當(dāng)后續(xù)連接不需要前面的信息時(shí)，應(yīng)答會(huì)比較快。

1.1.2 統(tǒng)一資源定位符

統(tǒng)一資源定位符（Uniform Resource Locator，URL）是用于完整地描述Internet上網(wǎng)頁和其他資源地址的一種標(biāo)識(shí)方法。Internet上的每一個(gè)資源都有一個(gè)唯一的名稱標(biāo)識(shí)，通常稱之為URL地址或者網(wǎng)址，這種地址可以是本地磁盤，也可以是局域網(wǎng)上的某一臺(tái)計(jì)算機(jī)，更多的是Internet上的某個(gè)站點(diǎn)。URL可以使客戶端使用統(tǒng)一的方法訪問資源。

URL一般由協(xié)議類型、存放資源的域名或主機(jī)IP地址，以及資源文件的路徑3部分組成。其語法格式如下：

     protocol://hostname[:port]/path/[;parameters][?query]#fragment

其中：

● protocol指定傳輸所使用的協(xié)議類型，最常用的傳輸協(xié)議是HTTP，另外，還有文件傳輸協(xié)議FTP、訪問本地計(jì)算機(jī)上的文件的協(xié)議file、簡(jiǎn)單郵件傳輸協(xié)議SMTP等。

● hostname指定存放資源的服務(wù)器名稱或者主機(jī)的IP地址。

● port指定端口號(hào)，可選，省略時(shí)采用傳輸協(xié)議默認(rèn)的端口號(hào)。例如，HTTP協(xié)議默認(rèn)的端口號(hào)是80。

● path指的是資源的存放路徑，一般用來表示一個(gè)目錄或者文件的地址。

● parameters為可選項(xiàng)，可以用于指定特殊參數(shù)。

● query為可選項(xiàng)，當(dāng)請(qǐng)求動(dòng)態(tài)網(wǎng)頁時(shí)，可以向動(dòng)態(tài)網(wǎng)頁傳遞字符串類型的參數(shù)，多個(gè)參數(shù)之間用“&”符號(hào)隔開，每個(gè)參數(shù)名和值之間用“=”連接。

例如，http://localhost:8080/ch01/index.jsp?name=wangmingming&pwd=123456，此地址訪問index.jsp文件，并且向其傳遞參數(shù)name和pwd。

1.1.3 超文本標(biāo)記語言

超文本標(biāo)記語言（HyperText Markup Language，HTML）即HTML語言。HTML是一種用于描述網(wǎng)頁文檔的標(biāo)記語言，使用HTML可以構(gòu)建網(wǎng)頁文檔，可以將Internet上的資源組合在一起。它是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言。HTML是標(biāo)準(zhǔn)通用標(biāo)記語言（Standard Generalized Markup Language，SGML）下的一個(gè)應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號(hào)來標(biāo)記要顯示的網(wǎng)頁中的各個(gè)部分。網(wǎng)頁文件本身是一種文本文件，通過在文本文件中添加標(biāo)記符，可以定義內(nèi)容的顯示樣式。HTML語言雖然簡(jiǎn)單，但是功能強(qiáng)大，支持不同數(shù)據(jù)格式的文件嵌入，其特點(diǎn)主要包括：

● 簡(jiǎn)單性。采用超集方式可以升級(jí)HTML語言，使用起來靈活方便。HTML文件是文本文件，可以采用任何文本編輯工具編寫。

● 可擴(kuò)展性。HTML的廣泛應(yīng)用會(huì)帶來加強(qiáng)功能、增加標(biāo)簽符的需求，HTML采用擴(kuò)展子類元素的方法，使系統(tǒng)擴(kuò)展成為可能。

● 平臺(tái)無關(guān)性。使用HTML編寫的文件只需要瀏覽器即可解釋運(yùn)行，與操作系統(tǒng)無關(guān)。目前幾乎所有的Web瀏覽器都支持HTML。

1.1.4 XML和XHTML

可擴(kuò)展標(biāo)記語言（Extensible Markup Language，XML）是SGML的子集，是一種定義電子文檔結(jié)構(gòu)和描述其內(nèi)容的國(guó)際標(biāo)準(zhǔn)語言；XML是由W3C發(fā)布的，用于創(chuàng)建通用的信息格式。它的語法是基于文本的，用于描述、傳遞與交換結(jié)構(gòu)化信息。XML并不是為了取代HTML，而是要把數(shù)據(jù)與表達(dá)區(qū)分開。開發(fā)人員可以利用XML創(chuàng)建任意的標(biāo)簽來描述信息。

XHTML（Extensible Hypertext Markup Language）是可擴(kuò)展超文本標(biāo)記語言，表現(xiàn)方式與HTML類似，不過語法上更為嚴(yán)格。2000年底，W3C發(fā)行了XHTML1.0，這是一種在HTML4.01基礎(chǔ)上優(yōu)化和改進(jìn)的新語言，目的是基于XML應(yīng)用。XHMTL是一種增強(qiáng)了的HTML，相比于HTML來說，XHTML更嚴(yán)謹(jǐn)、更純凈，它的可擴(kuò)展性和靈活性可以適應(yīng)未來網(wǎng)絡(luò)更加復(fù)雜多變的需求。