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

EN

对于HTML 4来说，从技术上讲，答案是：

ID和名称令牌必须以字母(A-Za-z)开头，后面可以是任意数量的字母、数字(0-9)、连字符("-")、下划线("_")、冒号(":")和句点(".")。

HTML 5甚至更加宽松，只要求id必须至少包含一个字符，并且不能包含任何空格字符。

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

作为一个纯粹的实际问题，您可能希望避免某些字符。句点、冒号和“#”在CSS选择器中有特殊的含义，所以你必须在selector string passed to jQuery中使用backslash in CSS或双反斜杠对这些字符进行转义。想一想，在您疯狂地使用ids中的句号和冒号之前，您必须在样式表或代码中转义字符的频率。

例如，HTML声明<div id="first.name"></div>是有效的。您可以在CSS中选择该元素为#first\.name，在jQuery中选择为：$('#first\\.name').，但是如果您忘记了反斜杠$('#first.name')，那么您将有一个完美有效的选择器来查找id为first且具有name类的元素。这是一个很容易被忽视的bug。从长远来看，您可能会更高兴地选择id first-name (一个连字符，而不是句点)。

您可以通过严格遵守命名约定来简化开发任务。例如，如果您将自己完全限制为小写字符，并且总是使用连字符或下划线分隔单词(但不是两个都用，请选择其中一个，而不是使用另一个)，那么您就有了一个易于记忆的模式。你永远不会问“是firstName还是FirstName?”因为您将始终知道应该键入first_name。更喜欢驼色的箱子？然后限制自己，不要使用连字符或下划线，并且始终始终使用大写或小写作为第一个字符，不要混淆它们。

现在一个非常模糊的问题是，至少有一种浏览器，Netscape 6，incorrectly treated id attribute values as case-sensitive。这意味着如果你在超文本标记语言中输入了id="firstName" (小写的'F')，在CSS中输入了#FirstName { color: red } (大写的'f')，错误浏览器将无法将元素的颜色设置为红色。在2015年4月这篇编辑的时候，我希望你不是被要求支持Netscape 6，把这当作一个历史脚注。

从HTML 4 specification

ID和名称令牌必须以字母(A-Za-z)开头，后面可以是任意数量的字母、数字(0-9)、连字符("-")、下划线("_")、冒号(":")和句点(".")。

一个常见的错误是使用以数字开头的ID。

从技术上讲，您可以在id/name属性中使用冒号和句点，但我强烈建议您避免两者都使用。

在CSS (以及像jQuery这样的几个JavaScript库)中，句点和冒号都有特殊的含义，如果不小心就会遇到问题。句点是类选择器，冒号是伪选择器(例如，当鼠标悬停在某个元素上时，":hover“表示该元素)。

如果你给一个元素id为"my.cool:thing"，你的CSS选择器将如下所示：

#my.cool:thing { ... /* some rules */ ... }

这实际上是说，在CSS语言中，“id为'my‘的元素，一个'cool’类和'thing‘伪选择器”。

任何大小写、数字、下划线和连字符都要使用A-Z。如上所述，请确保您的ids是唯一的。

这应该是你首先关心的问题。