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

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

当前回答

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属性，但鼓励作者使用描述内容的性质，而不是描述内容的期望呈现。

2015-08-02 15:53:16

其他回答

Html ID

id属性指定其元素的唯一标识符（id）。

身份证的形式没有其他限制；特别是，ID可以仅由数字组成，以数字开头，以下划线开头，仅由标点符号组成，等等。

元素的唯一标识符可以用于多种用途，最明显的是作为使用片段链接到文档的特定部分的方式，作为编写脚本时以元素为目标的方式，以及根据CSS对特定元素进行样式设置的方式。

2021-04-01 05:26:41

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”。最好避免混淆，远离使用。和：总计。

2013-01-18 07:09:23

ID最适合命名布局的部分，因此不应为ID和类指定相同的名称ID允许字母数字和特殊字符但避免使用#：.*！符号不允许空格不是以数字或连字符开头，后跟数字区分大小写使用ID选择器比使用类选择器更快对于长CSS类或Id规则名称，也可以使用连字符“-”（下划线“_”，但这不利于SEO）如果规则有一个ID选择器作为其键选择器，则不要将标记名称添加到规则中。由于ID是唯一的，因此添加标记名会不必要地减慢匹配过程。在HTML5中，id属性可以用于任何HTML元素，而在HTML4.01中，id特性不能用于：<base>、<head>、<HTML>、<meta>、<param>、<script>、<style>和<title>。

2013-05-02 06:28:33

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

例如：

HTML

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

CSS

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

2013-11-13 20:14:15

元素的唯一标识符。

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

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

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

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

2016-07-15 13:02:03

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

推荐文章

最新文章

标签