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


当前回答

严格来说,它应该匹配

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

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

其他回答

严格来说,它应该匹配

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

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

Html ID

id属性指定其元素的唯一标识符(id)。

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

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

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

元素的唯一标识符。

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

任何字符串,具有以下限制:

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

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

字母表→ 大写和小写

数字→ 0-9

特殊字符→ ':', '-', '_', '.'

格式应以“.”开头或字母表,后跟更多字母或数字的特殊字符。id字段的值不能以“_”结尾。

此外,不允许空格,如果提供了空格,它们将被视为不同的值,这在id属性的情况下是无效的。