我知道在HTML/XHTML页面中id必须是唯一的。
对于一个给定的元素，我可以给它分配多个id吗?
<div id="nested_element_123 task_123"></div>
我意识到我有一个简单的解决方案，只需使用一个类。我只是好奇以这种方式使用id。
当前回答
不，如果你想沿着那条路径走，你应该使用嵌套的div。此外，即使您可以，想象一下当您运行document.getElementByID()时它会引起的混乱。如果有多个ID，它会抓取哪个ID ?
在稍微相关的主题中，您可以向DIV中添加多个类。
http://meyerweb.com/eric/articles/webrev/199802a.html
其他回答
这很有趣，但据我所知，答案肯定是否定的。我不明白为什么您需要一个嵌套ID，因为您通常会与具有相同嵌套ID的另一个元素交叉。如果你不做，那就没有意义，如果你做了，那也没什么意义。
任何分配给div元素的ID都是唯一的。 但是，你可以在一个div元素下分配多个id，而不是“分配给”一个div元素。 在这种情况下，您必须将这些id表示为<span></span> IDs。
例如，您希望同一HTML页面中的两个链接指向页面中的相同div元素。
这两个不同的链接
<p><a href="#exponentialEquationsCalculator">Exponential Equations</a></p>
<p><a href="#logarithmicExpressionsCalculator"><Logarithmic Expressions</a></p>
指向页面的同一部分
<!-- Exponential / Logarithmic Equations Calculator -->
<div class="w3-container w3-card white w3-margin-bottom">
<span id="exponentialEquationsCalculator"></span>
<span id="logarithmicEquationsCalculator"></span>
</div>
正如其他人在我之前说过的那样，简单的答案是否定的。一个元素不能有多个ID，一个ID在一个页面中不能使用多次。试一试，你就会发现它有多不管用。
针对tvanfosson关于在两个不同元素中使用相同ID的回答。据我所知，一个ID在一个页面中只能使用一次，不管它是否附加到不同的标记。
根据定义，需要ID的元素应该是唯一的，但如果需要两个ID，那么它就不是唯一的，而是需要一个类。
这是专门的课程，而且 下面是你可以理解它的代码:
<html>
<head>
<style type="text/css">
.personal{
height:100px;
width: 100px;
}
.fam{
border: 2px solid #ccc;
}
.x{
background-color:#ccc;
}
</style>
</head>
<body>
<div class="personal fam x"></div>
</body>
</html>
每个元素只能有一个ID，但确实可以有多个类。但不要有多个类属性;将多个类值放入一个属性中。
<div id="foo" class="bar baz bax">
完全合法。
