为HTML元素创建id属性时，该值有哪些规则？
当前回答
此外，永远不要忘记ID是唯一的。一旦使用，ID值可能不会再次出现在文档中的任何位置。
您可能有许多ID，但所有ID都必须具有唯一的值。
另一方面，还有class元素。就像ID一样，它可以出现多次，但值可能会被反复使用。
其他回答
ID最适合命名布局的部分，因此不应为ID和类指定相同的名称ID允许字母数字和特殊字符但避免使用#：.*！符号不允许空格不是以数字或连字符开头，后跟数字区分大小写使用ID选择器比使用类选择器更快对于长CSS类或Id规则名称，也可以使用连字符“-”（下划线“_”，但这不利于SEO）如果规则有一个ID选择器作为其键选择器，则不要将标记名称添加到规则中。由于ID是唯一的，因此添加标记名会不必要地减慢匹配过程。在HTML5中，id属性可以用于任何HTML元素，而在HTML4.01中，id特性不能用于：<base>、<head>、<HTML>、<meta>、<param>、<script>、<style>和<title>。
从技术上讲，可以在id/name属性中使用冒号和句点，但我强烈建议避免两者。
在CSS（以及jQuery等几个JavaScript库）中，句点和冒号都有特殊含义，如果不小心就会遇到问题。句点是类选择器，冒号是伪选择器（例如，当鼠标悬停在元素上时，元素的“：hover”）。
如果给元素id为“my.ccool:thing”，则CSS选择器将如下所示：
#my.cool:thing { ... /* some rules */ ... }
也就是说，在CSS中，“id为‘my’的元素、‘cool’类和‘thing’伪选择器”。
任何大小写、数字、下划线和连字符都要使用A-Z。如上所述，确保您的ID是唯一的。
这应该是你最关心的问题。
HTML格式
ID应以｛A-Z｝或｛A-Z｝开头。您可以添加数字、句点、连字符、下划线和冒号。
例如：
<span id="testID2"></span>
<span id="test-ID2"></span>
<span id="test_ID2"></span>
<span id="test:ID2"></span>
<span id="test.ID2"></span>
但是，即使您可以使用冒号（：）或句点（.）创建ID。CSS很难将这些ID用作选择器。主要是当您想要使用伪元素（：before和：after）时。
在JavaScript中，也很难选择这些ID。因此，您应该使用前四个ID作为许多开发人员的首选方式，如果有必要，您也可以使用后两个ID。
任何字母数字值“-”和“_”都是有效的。但是，您应该以A-Z或A-Z之间的任何字符开始id名称。
jQuery不处理任何有效的ID名称。你只需要转义元字符（例如，点、分号、方括号…）
var name = 'O'Hara';
jQuery API中的选择器（请参见底部注释）
推荐文章
- 撇号的HTML代码
- 为什么我的CSS3媒体查询不能在移动设备上工作?
- 下一个元素的CSS选择器语法是什么?
- 我如何用CSS跨浏览器绘制垂直文本?
- 如何获得box-shadow在左侧和右侧
- 相对定位一个元素，而不占用文档流中的空间
- 如何在jQuery检索复选框值
- 禁用身体滚动
- 如何在删除前显示确认消息?
- 在一个CSS宽度的小数点后的位置是尊重?
- 我怎么能选择一个特定的类的最后一个元素，而不是父里面的最后一个孩子?
- 反应:为什么当道具改变时子组件不更新
- 我怎么能检查html元素，从DOM消失失去焦点?
- 在Atom编辑器中是否有格式化HTML的命令?
- 把<script>标签放在</body>标签之后是错误的吗?
