HTML5:ID和类属性的允许值

从HTML5开始，对ID值的唯一限制是：

必须在文档中唯一不能包含任何空格字符必须至少包含一个字符

类似的规则适用于类（当然，唯一性除外）。

所以值可以是所有数字，只有一个数字，只有标点符号，包括特殊字符等等。没有空格。这与HTML4非常不同。

在HTML4中，ID值必须以字母开头，然后只能后跟字母、数字、连字符、下划线、冒号和句点。

在HTML5中，这些是有效的：

<div id="999"> ... </div>
<div id="#%LV-||"> ... </div>
<div id="____V"> ... </div>
<div id="⌘⌥"> ... </div>
<div id="♥"> ... </div>
<div id="{}"> ... </div>
<div id="©"> ... </div>
<div id="♤₩¤☆€~¥"> ... </div>

请记住，在ID值中使用数字、标点符号或特殊字符可能会在其他上下文（例如CSS、JavaScript、正则表达式）中造成麻烦。

例如，以下ID在HTML5中有效：

<div id="9lions"> ... </div>

但是，它在CSS中无效：

根据CSS2.1规范：

4.1.3字符和大小写在CSS中，标识符（包括元素名称、类和ID选择器）只能包含字符[a-zA-Z0-9]和ISO 10646字符U+00A0及更高，加上连字符（-）和下划线(_); 它们不能以数字、两个连字符或连字符开头后跟一个数字。

在大多数情况下，您可以在具有限制或特殊含义的上下文中转义字符。

W3C参考

HTML5

3.2.5.1 id属性id属性指定其元素的唯一标识符（id）。该值必须在元素主页中的所有ID中唯一子树，并且必须至少包含一个字符。该值不得包含任何空格字符。注意：ID的形式没有其他限制；在里面特别是，ID可以由数字组成，以数字开头，开始带下划线，仅由标点符号等组成。3.2.5.7等级属性如果指定了属性，则该属性的值必须是表示元素属于。HTML元素分配给它的类包含所有类属性的值拆分时返回的类空间。（重复项被忽略。）作者可以在中使用的令牌没有其他限制class属性，但鼓励作者使用描述内容的性质，而不是描述内容的期望呈现。

要引用带句点的id，需要使用反斜杠。我不确定连字符或下划线是否相同。

例如：

HTML

<div id="maintenance.instrumentNumber">############0218</div>

CSS

#maintenance\.instrumentNumber{word-wrap:break-word;}

元素的唯一标识符。

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

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

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

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

此外，永远不要忘记ID是唯一的。一旦使用，ID值可能不会再次出现在文档中的任何位置。

您可能有许多ID，但所有ID都必须具有唯一的值。

另一方面，还有class元素。就像ID一样，它可以出现多次，但值可能会被反复使用。

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

var name = 'O'Hara';

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

从HTML 4规范。。。

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