ID 在 HTML 中的用法

ID 是 HTML 中一個重要的屬性，用于為頁面中的特定元素提供唯一的標識符。

定義

ID 屬性的值必須是一個字符串，并且頁面中每個元素的 ID 值必須獨一無二。ID 值應以字母或下劃線開頭，后面可以跟上任意數量的字母、數字或下劃線。

用途

ID 屬性有以下幾種主要用途：

CSS 樣式: 使用 ID 屬性可以為特定元素應用獨特的 CSS 樣式，從而控制其外觀和行為。例如：

<code class="&lt;a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css"&gt;#my-element {
  color: red;
  font-size: 20px;
}</code>

JavaScript 操作: 通過 ID 屬性，JavaScript 可以獲取、修改和操作特定元素及其內容。例如：

<code class="javascript">const element = document.getElementById("my-element");
element.style.display = "none";</code>

錨定鏈接: ID 屬性可用于創建錨定鏈接，使頁面中的特定位置可通過鏈接直接訪問。例如：

<code class="html"><a href="#my-section">前往我的部分</a></code>

最佳實踐

使用 ID 屬性時應遵循以下最佳實踐：

保持唯一性: 確保頁面中每個元素的 ID 值都是獨一無二的。

使用描述性名稱: 選擇有意義的 ID 名稱，以反映元素的目的或內容。

避免使用空格: ID 值中避免使用空格。

使用小寫字母: 雖然 HTML ID 不區分大小寫，但建議使用小寫字母以保持一致性。