为HTML元素创建id属性时，该值有哪些规则？
当前回答
要引用带句点的id，需要使用反斜杠。我不确定连字符或下划线是否相同。
例如：
HTML
<div id="maintenance.instrumentNumber">############0218</div>
CSS
#maintenance\.instrumentNumber{word-wrap:break-word;}
其他回答
墙可以是：[a-z]、[a-z]、[0-9]、[*_：-]
它用于HTML5。。。
我们可以用任何标签添加id。
HTML5
请记住，ID必须是唯一的，即文档中不能有多个元素具有相同的ID值。
HTML5中关于ID内容的规则是（除了唯一性之外）：
此属性的值不能包含空格。[...]虽然HTML5中取消了这一限制，但为了兼容性，ID应该以字母开头。
这是关于ID的W3规范（来自MDN）：
任何字符串，具有以下限制：必须至少有一个字符长不能包含任何空格字符以前版本的HTML对ID值的内容设置了更大的限制（例如，它们不允许ID值以数字开头）。
更多信息：
W3-全局属性（id）MDN属性（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”）帮助我更快地创建原型；我不在生产中使用它。
ID最适合命名布局的部分，因此不应为ID和类指定相同的名称ID允许字母数字和特殊字符但避免使用#：.*！符号不允许空格不是以数字或连字符开头，后跟数字区分大小写使用ID选择器比使用类选择器更快对于长CSS类或Id规则名称，也可以使用连字符“-”（下划线“_”，但这不利于SEO）如果规则有一个ID选择器作为其键选择器，则不要将标记名称添加到规则中。由于ID是唯一的，因此添加标记名会不必要地减慢匹配过程。在HTML5中，id属性可以用于任何HTML元素，而在HTML4.01中，id特性不能用于：<base>、<head>、<HTML>、<meta>、<param>、<script>、<style>和<title>。
连字符、下划线、句点、冒号、数字和字母都适用于CSS和jQuery。以下内容应该有效，但在整个页面中必须是唯一的，并且必须以字母[a-Za-z]开头。
使用冒号和句点需要做更多的工作，但可以按照下面的示例进行操作。
<html>
<head>
<title>Cake</title>
<style type="text/css">
#i\.Really\.Like\.Cake {
color: green;
}
#i\:Really\:Like\:Cake {
color: blue;
}
</style>
</head>
<body>
<div id="i.Really.Like.Cake">Cake</div>
<div id="testResultPeriod"></div>
<div id="i:Really:Like:Cake">Cake</div>
<div id="testResultColon"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var testPeriod = $("#i\\.Really\\.Like\\.Cake");
$("#testResultPeriod").html("found " + testPeriod.length + " result.");
var testColon = $("#i\\:Really\\:Like\\:Cake");
$("#testResultColon").html("found " + testColon.length + " result.");
});
</script>
</body>
</html>
