不同的html标签，但相同的ID

Question

我可以拥有两个标签，例如div和具有相同ID的ul吗？

示例HTML代码：

<div id="articleOptions">
    <ul id="articleOptions">
        <li>Share</li>
        <li>View</li>
        <li>Read Later</li>
    </ul>
</div>

这是一个有效的HTML代码吗？

Answer 1

否即可。 ID是唯一的，每个文档只能使用一次。 - source
你可以这样做，但它无效。

但是你可以拥有相同的class - 名称，这就是你想要的次数。

.articleOptions {
   // code
}

..或者如果您希望div和ul采取不同的行动：

div.articleOptions {
   // code
}

ul.articleOptions {
   // code
}

您可以在此处验证您的代码 W3 Validator

Answer 2

Id应该是唯一的....相反，您可以使用class

div.articleOptions{
// your css
}

ul.articleOptions{
//your css
}