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

时间:2014-01-14 00:11:23

标签: html css

是O.K.为类名和ID名使用相同的名称?这是代码味道吗?

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

6 个答案:

答案 0 :(得分:8)

是的,这样做是有效的。然而,需要这样做并不常见:它有点像code smell。它可能表示您需要重新审视您的命名约定。

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

当您使用ID wrapper时,您会说“这是 包装器 - 这是唯一的类型”。当你使用wrapper类时,你会说“这是其中一个包装器,还有其他类似的包装器”。同时说这两件事有点奇怪,对吗?

我建议您使用特定ID:#primaryWrapper#outerWrapper等。这意味着您表达'primaryWrapper是其中一个包装器',这使得堆更有意义。< / p>

答案 1 :(得分:6)

是的,它完全有效,您可以这样做

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

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

答案 2 :(得分:3)

是的,它们是不同的实体。但是,在多个实体上使用相同的ID是不行的。

答案 3 :(得分:3)

是的,你可以,但作为一般规则你不应该。类可以重用,但ID仍然是唯一的。如果需要,请尝试wrapper1wrapper2

答案 4 :(得分:3)

是的,没关系,从broswers的角度来看,它们是两个完全不同的元素。

使用.定义类,使用#定义ID。

但请注意不要在编码时混淆自己。

有关详细信息,请参阅文档
元素标识符:id和类属性 at
http://www.w3.org/TR/html401/struct/global.html#h-7.5.2

答案 5 :(得分:1)

是的,你没事。

正如人们所说,只要记住你保持身份证的独特性。

POINTER:

类通常用于对许多样式进行分组,这些内容的样式相同或非常相似。

id用于标识特定元素,主要用于javascript。

相关问题