为HTML元素创建id属性时，该值有哪些规则？
当前回答
HTML5:ID和类属性的允许值
从HTML5开始，对ID值的唯一限制是：
必须在文档中唯一不能包含任何空格字符必须至少包含一个字符
类似的规则适用于类（当然，唯一性除外）。
所以值可以是所有数字，只有一个数字，只有标点符号，包括特殊字符等等。没有空格。这与HTML4非常不同。
在HTML4中，ID值必须以字母开头，然后只能后跟字母、数字、连字符、下划线、冒号和句点。
在HTML5中，这些是有效的：
<div id="999"> ... </div>
<div id="#%LV-||"> ... </div>
<div id="____V"> ... </div>
<div id="⌘⌥"> ... </div>
<div id="♥"> ... </div>
<div id="{}"> ... </div>
<div id="©"> ... </div>
<div id="♤₩¤☆€~¥"> ... </div>
请记住，在ID值中使用数字、标点符号或特殊字符可能会在其他上下文（例如CSS、JavaScript、正则表达式）中造成麻烦。
例如，以下ID在HTML5中有效：
<div id="9lions"> ... </div>
但是，它在CSS中无效：
根据CSS2.1规范：
4.1.3字符和大小写在CSS中，标识符（包括元素名称、类和ID选择器）只能包含字符[a-zA-Z0-9]和ISO 10646字符U+00A0及更高，加上连字符（-）和下划线(_); 它们不能以数字、两个连字符或连字符开头后跟一个数字。
在大多数情况下，您可以在具有限制或特殊含义的上下文中转义字符。
W3C参考
HTML5
3.2.5.1 id属性id属性指定其元素的唯一标识符（id）。该值必须在元素主页中的所有ID中唯一子树，并且必须至少包含一个字符。该值不得包含任何空格字符。注意：ID的形式没有其他限制；在里面特别是，ID可以由数字组成，以数字开头，开始带下划线，仅由标点符号等组成。3.2.5.7等级属性如果指定了属性，则该属性的值必须是表示元素属于。HTML元素分配给它的类包含所有类属性的值拆分时返回的类空间。（重复项被忽略。）作者可以在中使用的令牌没有其他限制class属性，但鼓励作者使用描述内容的性质，而不是描述内容的期望呈现。
其他回答
ID最适合命名布局的部分，因此不应为ID和类指定相同的名称ID允许字母数字和特殊字符但避免使用#：.*！符号不允许空格不是以数字或连字符开头，后跟数字区分大小写使用ID选择器比使用类选择器更快对于长CSS类或Id规则名称，也可以使用连字符“-”（下划线“_”，但这不利于SEO）如果规则有一个ID选择器作为其键选择器，则不要将标记名称添加到规则中。由于ID是唯一的，因此添加标记名会不必要地减慢匹配过程。在HTML5中，id属性可以用于任何HTML元素，而在HTML4.01中，id特性不能用于：<base>、<head>、<HTML>、<meta>、<param>、<script>、<style>和<title>。
墙可以是：[a-z]、[a-z]、[0-9]、[*_：-]
它用于HTML5。。。
我们可以用任何标签添加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。
对于HTML5：
该值必须在元素主页中的所有ID中唯一子树，并且必须至少包含一个字符。该值不得包含任何空格字符。
至少有一个字符，没有空格。
这为使用重音字符等有效用例打开了大门。这也为我们提供了更多的弹药，因为除非你非常小心，否则你现在可以使用id值，这会导致CSS和JavaScript出现问题。
实际上，许多网站使用以数字开头的id属性，尽管这在技术上是无效的HTML。
HTML5草案规范放宽了id和name属性的规则：它们现在只是不透明的字符串，不能包含空格。
