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

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

当前回答

严格来说，它应该匹配

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

但是jQuery似乎有冒号的问题，所以最好避免使用冒号。

其他回答

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。

根据HTML 4规范：

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

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

严格来说，它应该匹配

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

但是jQuery似乎有冒号的问题，所以最好避免使用冒号。

元素的唯一标识符。

文档中不能有多个元素具有相同的id值。

任何字符串，具有以下限制：

必须至少有一个字符长不得包含任何空格字符：U+0020空格U+0009字符表（选项卡）U+000A管线进料（LF）U+000C模板进料（FF）U+000D回车（CR）

使用ASCII字母和数字以外的字符，“_”、“-”和“.”可能会导致兼容性问题，因为HTML 4中不允许这些问题。虽然HTML5中取消了这一限制，但为了兼容性，ID应该以字母开头。

jQuery不处理任何有效的ID名称。你只需要转义元字符（例如，点、分号、方括号…）

var name = 'O'Hara';

jQuery API中的选择器（请参见底部注释）

推荐文章