HTML - 容器ID或类

在编写HTML时，关于Container div的行业标准是什么？
有一个Container id，或使用一个容器类，我添加到div我希望继承这些功能是否更受欢迎？HTML - 容器ID或类

例如：

<body> 
    <div id="container"> 
     ...etc 
    </div> 
</body>

或

<body> 
    <div id="main" class="container"> 
     ...etc 
    </div> 
</body>

来源

2011-08-17 Wayne Haworth

还是习惯到现场。感谢您编辑我的文章以提高可读性;我很感激。 –

当然，你可以看到我已经改变并应用在你以后的帖子中。 :) –

我不知道有一个行业标准。如果它是一个容器，你应该只有一个，所以一个ID是有道理的。尽管您认为合适，但您可以使用类和ID，但更大的挑战在于要使用适用于您正在使用的设计的干净编写的，良好堆叠的规则。

编辑：你的问题刚刚更新 - 它最好能够有id="container"，然后class="home"，class="about"等需要。这将使整洁的样式表，并会给你的选择，只需要覆盖#container规则，如果你需要。

来源

2011-08-17 13:34:31

嗯，这是非常有趣的思想。谢谢马特。 –

设置，因为你只能有一个容器，容器的标识是最合适的。设置class =容器意味着存在多个容器。由于容器设计为包装所有页面内容，所以您应该只有1.

来源

2011-08-17 13:31:52

给元素一个id，意味着该元素是唯一的。在你的情况下，一个容器div通常是唯一的，因此一个id会这样做。

当您希望多个项目具有相同样式时，将使用一个类。给不同的项目相同的ID，是违反W3C标准。

我认为这是你应该自己决定的事情，我一直使用上述方式。

来源

2011-08-17 13:35:37 bjornruysen

对不起，很清楚，我知道类和id之间的区别。我认为可能有一个实例，您可能想要在多个位置（页眉和页脚）使用相同的容器，但不在主内容中使用。 –

HTML文档可以有几个容器，全部共享一些风格，每个容器都有一些独特的风格。

所以最好的做法是给每个班都和ID：

<div id="Header" class="container"> 
    ...header goes here... 
</div> 
<div id="Menu" class="container"> 
    ...menu goes here... 
</div> 
<div id="Contents" class="container"> 
    ...main contents come here... 
</div>

来源

2011-08-17 13:38:51

这与我的想法是一致的，在这种情况下使用“容器”这个词不会混淆？ –

不是全部，通过让你说“这个元素充当更多元素的容器”，并且可以对所有容器应用相似的样式。 –

HTML - 容器ID或类

回答

相关问题