HTML - 容器ID或类

时间:2011-08-17 13:29:54

标签: html standards

编写HTML时,有关Container div的行业标准是什么? 拥有Container id或使用我添加到div的容器类是否更受欢迎我希望继承这些功能?

例如:

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

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

4 个答案:

答案 0 :(得分:3)

我不知道有行业标准。如果它是一个容器,你应该只有一个容器,这样一个ID才有意义。您可以使用您认为合适的类和ID,更大的挑战是使用干净的,堆叠良好的规则,适用于您正在使用的设计。

修改:您的问题刚刚更新 - 最好根据需要拥有id="container",然后class="home"class="about"等。这样就可以制作更整洁的样式表,如果需要,可以选择简单地覆盖#container规则。

答案 1 :(得分:2)

设置容器的id是最合适的,因为你应该只有一个容器。设置class = container意味着存在多个容器。由于容器设计用于包装您的所有页面内容,因此您应该只有1。

答案 2 :(得分:2)

赋予元素一个id,意味着该元素是唯一的。 在您的情况下,容器div通常是唯一的,因此id就可以。

当您希望多个项目具有相同样式时,将使用类。 给予不同项目相同的id,违反了w3c标准。

我认为这是你应该自己决定的事情,我总是采用上述方式。

答案 3 :(得分:1)

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>