HTML 中 id 属性的有效值

在 HTML 中，id 属性用于为元素指定唯一的标识符。每个具有 id 属性的元素都应该有一个唯一的 id 值，以便在 CSS 和 JavaScript 中使用。

有效值的要求

• ID 值必须是独一无二的，即在整个 HTML 文档中，每个元素的 id 值都必须是唯一的。
• ID 值不能以数字开头。
• ID 值只能包含字母、数字、下划线（_）和短横线（-）。
• ID 值不能包含空格和特殊字符（如！、@、#等）。

示例

以下是一些有效的 id 值示例：

<div id="header"></div>
<span id="user_name"></span>
<h1 id="section-1"></h1>

使用 id 值

CSS 中的 id

可以使用 id 值来选择指定的元素，并对其应用 CSS 样式。

#header {
  background-color: #f2f2f2;
  color: #333;
}

JavaScript 中的 id

在 JavaScript 中，可以通过 id 值来访问特定的元素，并操纵它们。

var headerElement = document.getElementById("header");
headerElement.innerHTML = "Hello, world!";

注意事项

• 不要在同一页中重复使用相同的 id 值，否则会导致代码故障和意外行为。
• 尽量选择具有描述性的 id 值，以提高代码的可读性和可维护性。

总而言之，HTML 中 id 属性的有效值是独一无二、符合命名规则的字符串，可以用来唯一标识元素并在 CSS 和 JavaScript 中进行操作。