我知道在HTML/XHTML页面中id必须是唯一的。
对于一个给定的元素，我可以给它分配多个id吗?
<div id="nested_element_123 task_123"></div>
我意识到我有一个简单的解决方案，只需使用一个类。我只是好奇以这种方式使用id。
当前回答
我想说技术上是可以的，因为真正呈现的内容在技术上总是依赖于浏览器。大多数浏览器都尽可能地遵循规范，据我所知，CSS规范中并没有反对这一点。我只担保在任何其他解释器介入之前发送到浏览器的实际HTML、CSS和JavaScript代码。
然而，我也说不，因为我通常测试的每个浏览器实际上都不允许您这样做。
如果您需要自己查看，请将以下文件保存为.html文件，并在主要浏览器中打开它。在我测试的所有浏览器中，JavaScript函数都不能与元素匹配。然而，从id标签中删除任何一个“hunkojunk”都可以正常工作。
示例代码
<html>
<head>
</head>
<body>
<p id="hunkojunk1 hunkojunk2"></p>
<script type="text/javascript">
document.getElementById('hunkojunk2').innerHTML = "JUNK JUNK JUNK JUNK JUNK JUNK";
</script>
</body>
</html>
其他回答
正如其他人在我之前说过的那样，简单的答案是否定的。一个元素不能有多个ID，一个ID在一个页面中不能使用多次。试一试，你就会发现它有多不管用。
针对tvanfosson关于在两个不同元素中使用相同ID的回答。据我所知，一个ID在一个页面中只能使用一次，不管它是否附加到不同的标记。
根据定义，需要ID的元素应该是唯一的，但如果需要两个ID，那么它就不是唯一的，而是需要一个类。
这很有趣，但据我所知，答案肯定是否定的。我不明白为什么您需要一个嵌套ID，因为您通常会与具有相同嵌套ID的另一个元素交叉。如果你不做，那就没有意义，如果你做了，那也没什么意义。
No.
话虽如此，没有什么能阻止你这么做。但是不同的浏览器会产生不一致的行为。不要这样做。每个元素一个ID。
如果需要对一个元素进行多个赋值，请使用classes(用空格分隔)。
与别人说的相反，正确的答案是肯定的
Selectors规范对此非常清楚:
如果一个元素有多个ID属性，为了ID选择器的目的，所有这些属性都必须被视为该元素的ID。这种情况可以混合使用xml:id、DOM3 Core、xml dtd和特定于名称空间的知识来实现。
Edit
澄清一下:是的，一个XHTML元素可以有多个id，例如:
<p id="foo" xml:id="bar">
但是使用空格分隔的列表将多个id分配给同一个id属性是不可能的。
每个元素只能有一个ID，但确实可以有多个类。但不要有多个类属性;将多个类值放入一个属性中。
<div id="foo" class="bar baz bax">
完全合法。
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言，并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度，而不是整个元素的宽度，使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 在HTML中还有其他有用的空格码吗，比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击
