HTML - 对ID和类使用相同的名称

Question

是否可以为类名和ID名使用相同的名称？这是代码味道吗？

<div class="wrapper" id="wrapper"></div>

Answer 1

是的,这样做是有效的.这是不常见的需要做到这一点,虽然:这是一个有点的代码味道.它可能表示您需要重新审视您的命名约定.

扩展命名约定和语义的问题:

当您使用的ID wrapper,你说"这是在包装-同类的只有一个".当你使用一类wrapper你说"这是包装之一,还有其他类似的包装".同时说这两件事有点奇怪,对吧？

我建议你使用一个特定的ID : #primaryWrapper, #outerWrapper等等.这意味着你表达'primaryWrapper是其中一个包装器',这使得堆更有意义.

Answer 2

是的,它完全有效,你可以做到

希望你知道
#ID每页必须是唯一的,同时
.CLASS可以分配给多个元素.

如果您倾向于编写干净且可读的HTML标记,请始终将属性保持在可理解的最小值.