HTML元素可以有多个id吗?

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

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

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

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

当前回答

这很有趣，但据我所知，答案肯定是否定的。我不明白为什么您需要一个嵌套ID，因为您通常会与具有相同嵌套ID的另一个元素交叉。如果你不做，那就没有意义，如果你做了，那也没什么意义。

2008-10-10 16:06:59

其他回答

我的理解一直是:

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

2008-10-10 16:13:22

这是专门的课程，而且下面是你可以理解它的代码:

<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>

2014-03-01 16:11:58

2008-10-10 16:06:59

不。虽然W3C对HTML 4的定义似乎没有明确地涵盖您的问题，但name和id属性的定义表明标识符中没有空格:

ID和NAME令牌必须以字母([a- za -z])开头，后面可以是任意数量的字母、数字([0-9])、连字符("-")、下划线("_")、冒号(":")和句号(".")。

2008-10-10 16:10:35

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

HTML元素可以有多个id吗?

推荐文章

最新文章

标签