HTML中id属性的有效值是什么？

为HTML元素创建id属性时，该值有哪些规则？

当前回答

HTML格式

ID应以｛A-Z｝或｛A-Z｝开头。您可以添加数字、句点、连字符、下划线和冒号。

例如：

<span id="testID2"></span>
<span id="test-ID2"></span>
<span id="test_ID2"></span>
<span id="test:ID2"></span>
<span id="test.ID2"></span>

但是，即使您可以使用冒号（：）或句点（.）创建ID。CSS很难将这些ID用作选择器。主要是当您想要使用伪元素（：before和：after）时。

在JavaScript中，也很难选择这些ID。因此，您应该使用前四个ID作为许多开发人员的首选方式，如果有必要，您也可以使用后两个ID。

其他回答

HTML5：

它消除了对id属性的额外限制（请参见此处）。剩下的唯一要求（除了文件中的唯一要求）是：

该值必须至少包含一个字符（不能为空）它不能包含任何空格字符。

HTML5之前：

ID应匹配：

[A-Za-z][-A-Za-z0-9_:.]*

必须以A-Z或A-Z字符开头可以包含-（连字符）、_（下划线）、：（冒号）和。（期间）

但我们应该避免：和。因为：

例如，一个ID可以被标记为“a.b:c”，并在样式表中被引用为#a.b:cc，但除了作为元素的ID之外，它还可以表示ID“a”、类“b”、伪选择器“c”。最好避免混淆，远离使用。和：总计。

根据HTML 4规范：

ID和NAME标记必须以字母（[a-Za-z]）开头，后面可以是任意数量的字母、数字（[0-9]）、连字符（“-”）、下划线（“_”）、冒号（“：”）和句点（“.”）。

一个常见的错误是使用以数字开头的ID。

没有空格，并且必须至少以a到z和0到9之间的字符开头。

实际上，许多网站使用以数字开头的id属性，尽管这在技术上是无效的HTML。

HTML5草案规范放宽了id和name属性的规则：它们现在只是不透明的字符串，不能包含空格。

HTML5

请记住，ID必须是唯一的，即文档中不能有多个元素具有相同的ID值。

HTML5中关于ID内容的规则是（除了唯一性之外）：

此属性的值不能包含空格。[...]虽然HTML5中取消了这一限制，但为了兼容性，ID应该以字母开头。

这是关于ID的W3规范（来自MDN）：

任何字符串，具有以下限制：必须至少有一个字符长不能包含任何空格字符以前版本的HTML对ID值的内容设置了更大的限制（例如，它们不允许ID值以数字开头）。

更多信息：

W3-全局属性（id）MDN属性（id）

推荐文章