1.3.2 HTML5文檔結(jié)構(gòu)
1.3.2 HTML5文檔結(jié)構(gòu)
HTML5文檔是一種純文本格式的文件，文檔的基本結(jié)構(gòu)如下。
<！DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標(biāo)題</title>
</head>
<body>
網(wǎng)頁(yè)內(nèi)容
</body>
</html>
1.文檔類型
在編寫HTML5文檔時(shí)，要求指定文檔類型，用于向?yàn)g覽器說(shuō)明當(dāng)前文檔使用的是哪種HTML標(biāo)準(zhǔn)。文檔類型聲明的格式如下。
<！DOCTYPE html>
這行代碼稱為doctype聲明，doctype是document type（文檔類型）的簡(jiǎn)寫。要建立符合標(biāo)準(zhǔn)的網(wǎng)頁(yè)，doctype聲明是必不可少的關(guān)鍵組成部分。doctype聲明必須放在每一個(gè)HTML文檔的最頂部，在所有代碼和標(biāo)簽之前。
2.HTML文檔標(biāo)簽<html>…</html>
HTML文檔標(biāo)簽的格式如下。
<html>HTML文檔的內(nèi)容</html>
<html>處于文檔的最前面，表示HTML文檔的開始，即瀏覽器從<html>開始解釋，直到遇到</html>為止。每個(gè)HTML文檔均以<html>開始，以</html>結(jié)束。
3.HTML文檔頭標(biāo)簽<head>…</head>
HTML文檔包括頭部（head）和主體（body）。HTML文檔頭標(biāo)簽的格式如下。
<head>頭部的內(nèi)容</head>
文檔頭部?jī)?nèi)容在開始標(biāo)簽<html>和結(jié)束標(biāo)簽</html>之間定義，其內(nèi)容可以是標(biāo)題名或文本文件地址、創(chuàng)作信息等網(wǎng)頁(yè)信息說(shuō)明。
4.HTML文檔編碼
HTML5文檔直接使用meta元素的charset屬性指定文檔編碼，格式如下。
<meta charset="UTF-8">
為了被瀏覽器正確解釋和通過W3C代碼校驗(yàn)，所有的HTML文檔都必須聲明它們所使用的語(yǔ)言編碼。文檔聲明的編碼應(yīng)該與實(shí)際的編碼一致，否則就會(huì)呈現(xiàn)為亂碼。utf-8是世界通用的HTML語(yǔ)言編碼，用戶一般使用utf-8來(lái)指定文檔編碼。
5.頁(yè)面標(biāo)題標(biāo)簽<title>…</title>
HTML文件的標(biāo)題顯示在瀏覽器的標(biāo)題欄中，用以說(shuō)明文件的用途。標(biāo)題文字位于<title>和</title>標(biāo)簽之間，其語(yǔ)法格式如下。
<title>頁(yè)面標(biāo)題</title>
網(wǎng)頁(yè)的標(biāo)題不會(huì)顯示在文本窗口中，而以窗口的名稱顯示出來(lái)，每個(gè)文件只允許有一個(gè)標(biāo)題。網(wǎng)頁(yè)的標(biāo)題能給瀏覽者帶來(lái)方便，如果瀏覽者喜歡該網(wǎng)頁(yè)，則將它加入書簽中或保存到磁盤上，標(biāo)題就作為該頁(yè)面的標(biāo)志或文件名。另外，使用搜索引擎時(shí)顯示的結(jié)果也是頁(yè)面的標(biāo)題。
例如，搜狐網(wǎng)站的主頁(yè)，對(duì)應(yīng)的網(wǎng)頁(yè)標(biāo)題如下。
<title>搜狐</title>
打開網(wǎng)頁(yè)后，將在瀏覽器窗口的標(biāo)題欄顯示“搜狐”網(wǎng)頁(yè)標(biāo)題。在網(wǎng)頁(yè)文件頭部定義的標(biāo)題內(nèi)容不會(huì)在瀏覽器窗口中顯示，而是在瀏覽器的標(biāo)題欄中顯示。
6.HTML文檔主體標(biāo)簽<body>…</body>
HTML文檔主體標(biāo)簽的格式如下
<body>
網(wǎng)頁(yè)的內(nèi)容
</body>
主體位于頭部之后，以<body>為開始標(biāo)簽，</body>為結(jié)束標(biāo)簽。它定義網(wǎng)頁(yè)上顯示的主要內(nèi)容與顯示格式，是整個(gè)網(wǎng)頁(yè)的核心，網(wǎng)頁(yè)中要真正顯示的內(nèi)容都包含在主體中。