1. 標簽（Tag） vs 元素（Element）
- 標簽（Tag）
標簽是 HTML 中用于定義元素的符號，用尖括號?< >?包裹。例如?<img>?是標簽。 - 元素（Element）
元素是由?標簽 + 內容 + 屬性?組成的完整結構。例如?<img src="image.jpg" alt="圖片">?是一個完整的元素，包含標簽?<img>?和屬性?src、alt。
總結：
<img>?是標簽，但完整的?<img src="image.jpg" alt="圖片">?是一個元素。- 元素可以理解為一個邏輯上的“對象”，而標簽是元素的語法標記。
2. 何時用一對標簽（雙標簽），何時用一個標簽（單標簽）
(1) 雙標簽（一對標簽）
雙標簽由?開始標簽 + 內容 + 結束標簽?組成，用于包裹內容。
語法：<tag>內容</tag>
適用場景：需要包裹文本或其他元素時使用。
示例：
html復制代碼
<!-- 包裹文本 -->
<p>這是一個段落</p><!-- 包裹子元素 -->
<div><h1>標題</h1><span>內聯內容</span>
</div>(2) 單標簽（自閉合標簽）
單標簽不需要包裹內容，直接通過自身完成功能。
語法：<tag>?或?<tag />（在 XHTML 中必須閉合，如?<img />，但 HTML5 允許省略?/）。
適用場景：元素沒有內容，僅通過屬性定義行為。
常見單標簽元素：
<img>：嵌入圖片（通過?src?屬性指定圖片路徑）。<br>：換行。<input>：輸入框。<meta>：元數據（如頁面編碼、SEO 信息）。<link>：鏈接外部資源（如 CSS 文件）。
示例：
html復制代碼
<!-- 單標簽不需要內容 -->
<img src="cat.jpg" alt="一只貓">
<input type="text" placeholder="請輸入">3.?<img>?的特殊性
<img>?是單標簽元素，因為它沒有內容，所有功能通過屬性（src,?alt）實現。- 關鍵屬性：
src：指定圖片路徑（必填）。alt：圖片的替代文本（必填，用于圖片無法加載時顯示，或輔助技術讀取）。
示例：
html復制代碼
<!-- 正確的 img 元素 -->
<img src="logo.png" alt="網站Logo">4. 常見誤區
- 誤區 1：認為“標簽”和“元素”是同一概念。
糾正：標簽是語法符號（如?<img>），元素是邏輯實體（標簽 + 屬性 + 可能的子內容）。 - 誤區 2：單標簽需要包裹內容。
糾正：單標簽（如?<img>）不需要內容，通過屬性即可完成功能。
總結表格
| 類型 | 語法 | 示例 | 適用場景 |
|---|---|---|---|
| 雙標簽元素 | <tag>內容</tag> | <p>文本</p> | 包裹文本或子元素 |
| 單標簽元素 | <tag>?或?<tag /> | <img src="..." alt="..."> | 無內容，通過屬性定義行為 |
)
