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

Question

id为HTML元素创建属性时，该值有哪些规则？

Answer 1

对于HTML 4，技术上的答案是：

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

HTML 5更为宽容，只说一个id必须至少包含一个字符，并且不得包含任何空格字符。

在XHTML中，id属性区分大小写。

从纯粹的实践出发，您可能要避免使用某些字符。在CSS选择器中，句号，冒号和’＃’具有特殊含义，因此您必须[在CSS中]使用反斜杠或在传递给jQuery的选择器字符串中使用双反斜杠来转义这些字符。想一想，在迷上句号和ID中的冒号之前，必须多久在样式表或代码中转义一个字符。

例如，HTML声明<divid="first.name"></div>有效。您可以#first\.name像在CSS中和在jQuery中那样选择该元素：$('#first\\.name').但是，如果忘记了反斜线$('#first.name')，您将拥有一个非常有效的选择器，该选择器查找具有id的元素first并且具有classname。这是一个容易忽略的错误。从长远来看，您可能会更高兴选择idfirst-name（连字符而不是句点）。

您可以严格遵守命名约定来简化开发任务。例如，如果您将自己完全限制为小写字母，并且始终使用连字符或下划线来分隔单词（但不能同时使用两个字符，请选择一个而不使用另一个），那么您将拥有一种易于记忆的模式。您将永远不会怀疑“是firstName还是FirstName？”因为您将永远知道您应该输入first_name。喜欢骆驼案吗？然后限制自己，不要使用连字符或下划线，并且始终对第一个字符使用大写或小写，请勿混用。

现在一个非常模糊的问题是，至少一个浏览器Netscape6错误地将id属性值视为区分大小写。这意味着，如果您id="firstName"在HTML（小写字母“f”）和#FirstName{color:red}CSS（大写字母“F”）中键入内容，则该错误的浏览器将无法将元素的颜色设置为红色。在进行此编辑（2015年4月）时，希望您不会被要求支持Netscape6。请考虑一下这是一个历史脚注。