不同的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是独一无二的,每篇文档只能使用一次.- 来源
您可以这样做,但它无效.

但是你可以拥有class你想要的多次相同的名字.

.articleOptions {
   // code
}

..或者如果你想要div和ul采取不同的行动:

div.articleOptions {
   // code
}

ul.articleOptions {
   // code
}

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