HTML元素可以有多个id吗?

我知道在HTML/XHTML页面中id必须是唯一的。

对于一个给定的元素，我可以给它分配多个id吗?

<div id="nested_element_123 task_123"></div>

我意识到我有一个简单的解决方案，只需使用一个类。我只是好奇以这种方式使用id。

当前回答

与别人说的相反，正确的答案是肯定的

Selectors规范对此非常清楚:

如果一个元素有多个ID属性，为了ID选择器的目的，所有这些属性都必须被视为该元素的ID。这种情况可以混合使用xml:id、DOM3 Core、xml dtd和特定于名称空间的知识来实现。

Edit

澄清一下:是的，一个XHTML元素可以有多个id，例如:

<p id="foo" xml:id="bar">

但是使用空格分隔的列表将多个id分配给同一个id属性是不可能的。

2011-04-16 07:53:16

其他回答

不，单个标记不能有多个id，但我见过带有name属性和id属性的标记，一些应用程序对它们的处理是相同的。

2008-10-10 16:08:52

我的理解一直是:

id是一次性使用的，只应用于一个元素… 每个元素都作为唯一标识符归属于(仅)一个元素。类可以使用不止一次… 因此，它们可以应用于多个元素，类似但不同的是，每个元素可以有多个类(即多个类)。

2008-10-10 16:13:22

任何分配给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>

2018-10-30 20:55:35

我想说技术上是可以的，因为真正呈现的内容在技术上总是依赖于浏览器。大多数浏览器都尽可能地遵循规范，据我所知，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>

2012-04-18 18:21:17

每个元素只能有一个ID，但确实可以有多个类。但不要有多个类属性;将多个类值放入一个属性中。

<div id="foo" class="bar baz bax">

完全合法。

2008-10-10 23:14:43

HTML元素可以有多个id吗?

推荐文章

最新文章

标签