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

Question

HTML中id属性的有效值是什么？在id为HTML元素创建属性时，该值的规则是什么？

Answer 1

从HTML 4规范：

ID和NAME令牌必须以字母（[A-Za-z]）开头，后面可以跟任意数量的字母，数字（[0-9]），连字符（“ - ”），下划线（“_”） ，冒号（“：”）和句号（“。”）。

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

Answer 2

jQuery 确实处理任何有效的ID名称。你只需要转义元字符（即点，分号，方括号......）。这就像是说JavaScript只引用了引号问题，因为你无法写

var name = 'O'Hara';

jQuery API中的选择器（参见下注）

Answer 3

严格来说应该匹配

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

但是jquery似乎对冒号有问题所以最好避免它们。

Answer 4

HTML5：

摆脱了id属性的额外限制，请看这里。剩下的唯一要求（除了在文档中是唯一的）是：

1. 该值必须至少包含一个字符（不能为空）

2. 它不能包含任何空格字符。

---

PRE-HTML5：

ID应匹配：

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

1. 必须以AZ或az字符开头

2. 可能包含-（连字符），_（下划线），:（冒号）和.（句点）

但是应该避免:并且.因为：

例如，ID可以标记为“ab：c”并在样式表中引用为#ab：c但是作为元素的id，它可以表示id“a”，类“b”，伪选择器“c”。最好避免混淆，远离使用。并且：完全。