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