1. 標籤
標籤有很多類型。首先,它們可以是 單一的 或 成對的。最常見的是成對標籤。 你可能已經猜到,它們總是成對出現。我們也稱它們為 開始標籤和結束標籤。
開始標籤 — 就是一個寫在尖括號中的關鍵詞。
<tag>
範例:
<h1>
結束標籤 與開始標籤相似,但關鍵詞前面會有一條斜線。
</tag>
範例:
</h1>
開始標籤 總是位於成對標籤的首位
。
不能先出現結束標籤再出現開始標籤。
這樣的 HTML 文件會被視為不合規範。
2. 標籤樹
還有一件重要的事情關於成對標籤。在文檔中可能有很多成對標籤, 並且它們可以是嵌套的。這意味著 HTML 文檔中的任何文字都可以 被標籤包裹,即使它包含其他標籤。範例:
<html>
普通文字
<a href="http://codegym.cc/about">
連結到有趣的內容
</a>
其他一些文字
</html>
簡單來說,在 HTML 文本中可能會出現標籤的序列:
<h1> <h2> </h2> </h1>
但不能是:
<h1> <h2> </h1> </h2>
如果 開始標籤 <h2>
位於
<h1>
標籤對內部,那麼它的對應
結束標籤 </h2>
也應該在相同的
<h1>
標籤對內部。
因此,文檔中的所有標籤形成了一個
標籤樹
。首先是最高層級的標籤,
它包裹了整個文檔,通常是 <html>
,它下面
是子標籤對,再往下有它們的子標籤,如此類推。
總之,處理帶標籤文檔的程式,將其視作一棵帶有嵌套文本的標籤樹。
3. 單一標籤
空標籤
如果標籤沒有內容,通常會這樣寫:
<tag> </tag>
對於這種情況,提出了一個簡潔的寫法:
<tag/>
注意,這個標籤
與結束標籤不同
— 斜線寫在末尾。
這只是簡化了空標籤對的寫法。我們稱它為空標籤。
單一標籤
然而在 HTML 中,也有一些 特定的單一標籤。它們沒有 結束標籤。這些標籤由 HTML 標準定義。範例:
<br>
— 換行;<hr>
— 分隔線;<img>
— 圖片。
總共有 14 個,其中一半是服務標籤,另一半則是第一版 HTML 就已存在的標籤。現在儘量避免使用這些標籤。
GO TO FULL VERSION