为HTML元素创建id属性时，该值有哪些规则？
当前回答
大写和小写字母有效“_”和“-”也有效数字有效冒号（，）和句点（.）似乎有效有趣的是，表情符号起作用
其他回答
救命，我的Javascript坏了！
每个人都说ID不能重复。
在除FireFox之外的所有浏览器中都试用过
<div id=“ONE”></div><div id=“ONE”></div><div id=“ONE”></div><脚本>document.body.append（document.querySelectorAll（“#ONE”）.length，'DIV！'）document.body.append（'in'，typeofONE）console.log（一）；//全局变量！！</script>
解释
在世纪之交，微软拥有90%的浏览器市场份额，
并实施从未标准化的浏览器行为：
1.为每个ID创建全局变量
2.为重复ID创建数组
所有后来的浏览器供应商都复制了这种行为，否则他们的浏览器将不支持旧网站。
2015年左右，Mozilla删除了2。来自FireFox和1。仍然有效。
所有其他浏览器仍然支持1。和2。
我每天都使用它，因为键入ONE而不是document.querySelector（“#ONE”）帮助我更快地创建原型；我不在生产中使用它。
严格来说，它应该匹配
[A-Za-z][-A-Za-z0-9_:.]*
但是jQuery似乎有冒号的问题，所以最好避免使用冒号。
jQuery不处理任何有效的ID名称。你只需要转义元字符（例如，点、分号、方括号…）
var name = 'O'Hara';
jQuery API中的选择器（请参见底部注释）
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”。最好避免混淆，远离使用。和：总计。
任何字母数字值“-”和“_”都是有效的。但是，您应该以A-Z或A-Z之间的任何字符开始id名称。
