为HTML元素创建id属性时，该值有哪些规则？
当前回答
没有空格，并且必须至少以a到z和0到9之间的字符开头。
其他回答
HTML5
请记住，ID必须是唯一的，即文档中不能有多个元素具有相同的ID值。
HTML5中关于ID内容的规则是（除了唯一性之外）：
此属性的值不能包含空格。[...]虽然HTML5中取消了这一限制，但为了兼容性，ID应该以字母开头。
这是关于ID的W3规范（来自MDN）：
任何字符串，具有以下限制：必须至少有一个字符长不能包含任何空格字符以前版本的HTML对ID值的内容设置了更大的限制（例如，它们不允许ID值以数字开头）。
更多信息：
W3-全局属性（id）MDN属性（id）
根据HTML 4规范：
ID和NAME标记必须以字母（[a-Za-z]）开头，后面可以是任意数量的字母、数字（[0-9]）、连字符（“-”）、下划线（“_”）、冒号（“：”）和句点（“.”）。
一个常见的错误是使用以数字开头的ID。
自ES2015以来，如果文档字符集设置为UTF-8，我们也可以使用几乎所有的Unicode字符作为ID。
在此测试：https://mothereff.in/js-variables
阅读：ES2015中有效的JavaScript变量名
在ES2015中，标识符必须以$、_或任何带有Unicode派生的核心属性ID_Start。标识符的其余部分可以包含$、_、U+200C零宽度非连接符、U+200D零宽度连接符或任何Unicode符号派生的核心属性ID_Continue。
const target=document.querySelector（“div”）.idconsole.log（“Div-id:”，目标）document.getElementById（目标）.style.background=“chartreuse”第二部分{边框：5px蓝色实心；宽度：100%；高度：200px}<div id=“H̹̙̦̮͉̩̗ͻͧ̏̾Eͨ͆͒̆ͮ͏̷̰̣̫̤C͈̻ͯ͐O̜͎͍878;͐͗ͤ781;͢M̡̲̭͍͇̼̟̯̦̉̒͠Ḛ̛̙̞̪̗ͥͤͩ̾͑̔͐ͅṮ“”</div>
你应该使用它吗？可能不是个好主意！
阅读：JavaScript：“函数体后面缺少语法错误}”
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最适合命名布局的部分，因此不应为ID和类指定相同的名称ID允许字母数字和特殊字符但避免使用#：.*！符号不允许空格不是以数字或连字符开头，后跟数字区分大小写使用ID选择器比使用类选择器更快对于长CSS类或Id规则名称，也可以使用连字符“-”（下划线“_”，但这不利于SEO）如果规则有一个ID选择器作为其键选择器，则不要将标记名称添加到规则中。由于ID是唯一的，因此添加标记名会不必要地减慢匹配过程。在HTML5中，id属性可以用于任何HTML元素，而在HTML4.01中，id特性不能用于：<base>、<head>、<HTML>、<meta>、<param>、<script>、<style>和<title>。
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言，并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度，而不是整个元素的宽度，使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 在HTML中还有其他有用的空格码吗，比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击
