这是HTML ID的有效使用吗?

这是HTML ID的有效使用吗?,html,dom,Html,Dom,我在html中有类似的内容 <tr id="cart_item_1"> <td> <a href="#" id="samename" class="someclass">samename</a> </td> </tr> <tr id="cart_item_2"> <td> <a href="#" id="samename" class

我在html中有类似的内容

<tr id="cart_item_1">
    <td> 
        <a href="#" id="samename" class="someclass">samename</a>
    </td>
</tr>

<tr id="cart_item_2">
    <td> 
        <a href="#" id="samename" class="someclass">samename</a>
    </td>
</tr>

是否可以使用samename id两次,因为其父元素的id不同,或者无论元素的层次结构如何,在任何地方使用相同的id都是完全不可接受的?

id在整个文档中都必须是唯一的,无论父元素如何

发件人:

id=名称[CS]

此属性为元素指定名称。此名称在文档中必须是唯一的

因为samename的父id不同,所以可以使用samename id两次吗

或者无论元素的层次结构如何,在任何地方使用相同的ID都是完全不可接受的


是的。

不,实际上不是。与名称类似,ID或标识符需要是唯一的。因此,您可以使用它来定义一个单一的dom元素。例如,它用于指定页面标题,与某些文章标题相对,您将为其分配一个类。例如:

<div id="header">
    <h1>Welcome to my website!
</div>
<article class="blogpost">
    <div class="header">
        <h3>My blog post title</h3>
    </div>
    <div class="content">
        ....
    </div>
</article>
<article class="blogpost">
    <div class="header">
        <h3>My blog post title</h3>
    </div>
    <div class="content">
        ....
    </div>
</article>
现在使用css,您可以使用header{…}将样式分配给页面标题,使用.header{…}将样式分配给帖子标题。指定给id头的样式不会影响具有相同名称的类的dom元素,反之亦然

基本上:对只在站点上出现一次的元素使用ID,对可以在站点上出现多次的元素使用类