HTML 元素 id 的合法字符是什么？ [复制]答案

【问题标题】：What are legal characters for an HTML element id? [duplicate]HTML 元素 id 的合法字符是什么？ [复制]
【发布时间】：2011-05-13 23:13:12
【问题描述】：

我可以在 HTML 元素的标识符中使用哪些字符？

例如：

<SPAN id="section[5]" ...>

（或者更确切地说，我应该坚持使用某些字符以确保 id 可以在所有主要浏览器/JavaScript 引擎中使用）。

【问题讨论】：

【解决方案1】：

在 HTML 4 中，id attribute holds a NAME token 是 defined：

ID 和 NAME 令牌必须以字母 ([A-Za-z]) 并且可以跟随由任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 ("_")、冒号 (":") 和句点 (".")。

正如上一篇文章所指出的，根据您的实施，您可能会遇到冒号和句点以及其他问题：What are valid values for the id attribute in HTML?

【讨论】：

在 HTML5 中，限制较少：ID 在文档中必须是唯一的，至少包含一个字符且不包含空格，仅此而已。见w3.org/TR/html5/dom.html#the-id-attribute
正如@Tim Down 所说，HTML5 摆脱了大部分这些限制。请参阅mathiasbynens.be/notes/html5-id-class，它还解释了如何转义奇怪的 ID（或其他属性值）以用于 CSS 和 JavaScript。 (I’ve also made a tool for that.)

【解决方案2】：

来自http://www.w3.org/TR/html4/types.html：

ID 和 NAME 令牌必须以字母 ([A-Za-z]) 并且可以跟随由任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 ("_")、冒号 (":") 和句点 (".")。

【讨论】：

HTML5 摆脱了大部分这些限制。请参阅mathiasbynens.be/notes/html5-id-class，它还解释了如何转义奇怪的 ID（或其他属性值）以在 CSS 和 JavaScript 中使用。 (I’ve also made a tool for that.)

【解决方案3】：

来自HTML4 specification：

ID 和 NAME 标记必须以字母 ([A-Za-z]) 开头，后跟任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 (" _")、冒号 (":") 和句点 (".")。

【讨论】：

HTML5 摆脱了大部分这些限制。请参阅mathiasbynens.be/notes/html5-id-class，它还解释了如何转义奇怪的 ID（或其他属性值）以在 CSS 和 JavaScript 中使用。 (I’ve also made a tool for that.)

【解决方案4】：

以上所有答案 + ID 必须是唯一

【讨论】：

【解决方案5】：

在 HTML5 中，唯一的限制是 ID 在文档中必须是唯一的，至少包含一个字符且不包含空格。见http://www.w3.org/TR/2014/REC-html5-20141028/dom.html#the-id-attribute

正如其他答案所指出的，HTML 4 限制性更强，并指定了

ID 和 NAME 标记必须以字母 ([A-Za-z]) 开头，后跟任意数量的字母、数字 ([0-9])、连字符 ("-")、下划线 (" _")、冒号 (":") 和句点 (".")。

【讨论】：

【解决方案6】：

实际上我也可以成功使用°，例如

似乎是允许的，我对 jQuery 或其他通过选择器获取 dom 元素的方式没有任何问题。也许其他字符可以工作，但我没有全部测试。

【讨论】：