- HTML+CSS+JavaScript網頁制作：Web前端開發（第3版）
- 劉瑞新 張兵義 朱立等編著
- 1501字
- 2021-12-17 17:37:36
1.4 HTML5的基本結構
2 HTML5的基本結構
每個網頁都有其基本的結構，包括HTML的語法結構、文檔結構、標簽的格式以及代碼的編寫規范等。
1.4.1 HTML5語法結構
1.標簽
HTML文檔由標簽和受標簽影響的內容組成。標簽（Tag）能產生所需要的各種效果，其功能類似于一個排版軟件，將網頁的內容排成理想的效果。標簽是用一對尖括號“<”和“>”括起來的單詞或單詞縮寫。各種標簽的效果差別很大，但表示形式卻大同小異，大多數都成對出現。在HTML中，標簽通常都是由開始標簽和結束標簽組成的，開始標簽用“<標簽>”表示，結束標簽用“</標簽>”表示。其格式如下。
例如，一級標題標簽<h1>表示如下。
需要注意以下兩點。
①每個標簽都要用“<”和“>”括起來，如<p>，<table>，以表示這是HTML代碼而非普通文本，“<”“>”與標簽名之間不能留有空格或其他字符。
②在標簽名前加上符號“/”便是其結束標簽，表示該標簽內容的結束，如</h1>。標簽也有不用</標簽>結尾的，稱之為單標簽。例如，換行標簽<br/>。
2.屬性
標簽僅僅規定這是什么信息，但是要想顯示或控制這些信息，就需要在標簽后面加上相關的屬性。標簽通過屬性來制作出各種效果，通常都是以“屬性名="值"”的形式來表示，用空格隔開后，還可以指定多個屬性，并且在指定多個屬性時不用區分順序。其格式為：
3.元素
元素指的是包含標簽在內的整體，元素的內容是開始標簽與結束標簽之間的內容。沒有內容的HTML元素被稱為空元素。空元素是在開始標簽中關閉的。
1.4.2 HTML5編寫規范
頁面的HTML代碼書寫必須符合HTML規范。具有良好結構的文檔可以很好地工作于所有的瀏覽器，并且可以向后兼容。
1.標簽的規范
①標簽分單標簽和雙標簽，雙標簽往往是成對出現的，所有標簽（包括空標簽）都必須關閉，如<br/>、<img/>、<p>…</p>等。
②標簽名和屬性建議都用小寫字母。
③多數HTML標簽可以嵌套，但不允許交叉。
2.屬性的規范
①根據需要可以使用該標簽的所有屬性，也可以只用其中的幾個屬性。在使用時，屬性之間沒有順序。
②屬性值都要用雙引號括起來。
③并不是所有的標簽都有屬性，如換行標簽就沒有屬性。
3.元素的嵌套
①塊級元素可以包含行級元素或其他塊級元素，但行級元素卻不能包含塊級元素，它只能包含其他行級元素。
②有幾個特殊的塊級元素只能包含行級元素，不能再包含塊級元素，這幾個特殊的標簽是：<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<p>、<dt>。
4.代碼的縮進
HTML代碼并不要求在書寫時縮進，但為了文檔的結構性和層次性，建議初學者在使用標記時首尾對齊，內部的內容向右縮進幾格。
1.4.3 HTML5文檔結構
HTML5文檔是一種純文本格式的文件，文檔的基本結構如下。
1.文檔類型
在編寫HTML5文檔時，要求指定文檔類型。文檔類型用于向瀏覽器說明當前文檔使用的是哪種HTML標準。文檔類型聲明的格式如下。
這行代碼稱為doctype聲明。doctype是document type（文檔類型）的簡寫。要建立符合標準的網頁，doctype聲明是必不可少的關鍵組成部分。doctype聲明必須放在每一個HTML文檔的最頂部，在所有代碼和標簽之前。
2.HTML文檔標簽<html>…</html>
HTML文檔標簽的格式如下。
<html>處于文檔的最前面，表示HTML文檔的開始，即瀏覽器從<html>開始解釋，直到遇到</html>為止。每個HTML文檔均以<html>開始，以</html>結束。
3.HTML文檔頭標簽<head>…</head>
HTML文檔包括頭部（head）和主體（body）。HTML文檔頭標簽的格式如下。
文檔頭部內容在開始標簽<html>和結束標簽</html>之間定義，其內容可以是標題名或文本文件地址、創作信息等網頁信息說明。
4.HTML文檔編碼
HTML5文檔直接使用meta元素的charset屬性指定文檔編碼，格式如下。
為了被瀏覽器正確解釋和通過W3C代碼校驗，所有的HTML文檔都必須聲明它們所使用的語言編碼。文檔聲明的編碼應該與實際的編碼一致，否則就會呈現為亂碼。UTF-8是世界通用的HTML語言編碼，用戶一般使用UTF-8來指定文檔編碼。
5.HTML文檔主體標簽<body>…</body>
HTML文檔主體標簽的格式如下。
主體位于頭部之后，以<body>為開始標簽，</body>為結束標簽。它定義網頁上顯示的主要內容與顯示格式，是整個網頁的核心。網頁中要真正顯示的內容都包含在主體中。
3 HBuilder X編輯HTML文件-1