CodeGym /Adesua ahorow /Frontend SELF TW /認識 HTML 標籤

認識 HTML 標籤

Frontend SELF TW
等級 1 , 課堂 2
開放

1. 標籤

標籤有很多類型。首先,它們可以是 單一的成對的。最常見的是成對標籤。 你可能已經猜到,它們總是成對出現。我們也稱它們為 開始標籤和結束標籤。

開始標籤 — 就是一個寫在尖括號中的關鍵詞。


<tag>

範例:

HTML
      
<h1>
      
    

結束標籤 與開始標籤相似,但關鍵詞前面會有一條斜線。


</tag>

範例:

HTML
      
</h1>
      
    

開始標籤 總是位於成對標籤的首位不能先出現結束標籤再出現開始標籤。 這樣的 HTML 文件會被視為不合規範。

2. 標籤樹

還有一件重要的事情關於成對標籤。在文檔中可能有很多成對標籤, 並且它們可以是嵌套的。這意味著 HTML 文檔中的任何文字都可以 被標籤包裹,即使它包含其他標籤。範例:

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 就已存在的標籤。現在儘量避免使用這些標籤。

留言
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION