1.2 HTML5

HTML（Hyper Text Markup Language，超文本標記語言）是一種專門用于定義網頁結構與內容的編程語言。“超文本”是指頁面內容除了普通文本以外，還包括鏈接、圖片、音頻、視頻、應用程序等非文字元素。其包含HTML語言內容、擴展名為.html或htm的文件即為一個網頁（Webpage），因而網頁的本質就是HTML。

第一個正式的HTML語言標準于1993年發布，經過二十多年的發展，目前最新的標準是HTML5，且已經獲得主流瀏覽器的支持。

1.2.1 HTML語言的語法規則

HTML的語法規則較為簡單，它采用“標簽”方式描述網頁的結構與內容，因此又被稱為標簽語言。整體上，HTML標簽分為兩大類：一是成對出現的容器標簽；二是單個出現的單標簽（有時又被稱為空標簽）。標簽中還可通過設置標簽屬性來進一步刻畫標簽的內容或外觀。它們的語法規則如下：

容器標簽：

    ＜標簽名屬性名=＂屬性值＂屬性名=＂屬性值＂… ＞內容…＜/標簽名＞

單標簽：

    ＜標簽名屬性名=＂屬性值＂屬性名=＂屬性值＂… / ＞

通常，HTML的標簽名和屬性名是固定的英文字母，但是也允許開發人員根據實際需要自定義標簽名和屬性名。標簽名和屬性名不區分大小寫。

1.2.2 網頁的基本結構

任何一個網頁，其完整的HTML結構如下：

    ＜html＞
        ＜head＞    ＜/head＞
        ＜body＞    ＜/body＞
    ＜/html＞

其中＜html＞標簽的作用是告知瀏覽器其自身是一個HTML文檔，瀏覽器會根據HTML的規范來解析文檔內容并呈現到頁面中。＜html＞標簽有＜head＞和＜body＞兩個子標簽，＜head＞標簽用于定義文檔的頭部，它是所有頭部元素的容器，還可以引用腳本文件（通常指JavaScript）和樣式表（CSS）、提供元信息等；＜body＞標簽用于定義文檔的主體內容，用戶在瀏覽器中看到的網頁內容絕大部分都來自＜body＞標簽。

網頁的上述基本結構并非必需，在缺失某些標簽的情況下，用戶仍可能正常看到網頁內容，但是這樣存在諸多風險，最常見的是非英文文本的亂碼。因此，開發人員應嚴格按照上述結構創建網頁。

我們用瀏覽器通過“查看源代碼”（或“查看源”）可以查看任意網頁的HTML結構，見圖1.1。

1.2.3 常用的HTML5標簽

標準的HTML5語言共有120個標簽，但是常用的標簽只有30多個。為了便于讀者理解并熟記這些標簽的名稱，我們根據標簽名的來源方式的不同，將常用的HTML標簽分為以下三類。

（1）標簽名本身就是一個完整的英文單詞，見表1.1。

（2）標簽名為一個英文單詞中的部分字母，見表1.2。

（3）標簽名由多個英文單詞中的字母組成，見表1.3。

完整的HTML5標簽介紹請參考：HTML參考手冊http://www.w3school.com.cn/tags/index.asp。需要注意的是，IE8及更早版本的瀏覽器不支持HTML5。

1.2.4 常用的HTML5屬性

如前所述，HTML屬性的作用是進一步刻畫標簽的內容或外觀。HTML屬性較多，整體上HTML屬性可分為公有屬性和私有屬性兩大類：公有屬性是指任何HTML標簽均可設置的屬性；私有屬性是指僅某個（些）HTML標簽才可設置的屬性。下面分別列出HTML常用的公有屬性（見表1.4）和常用的私有屬性（見表1.5）。