0

如果我有一个显示在长 HTML 页面顶部和底部的菜单,并且 DIV 设置为<div id="menu"><ul><li>Home</li><li>About</li></ul></div>

我可以在页面底部重复此代码吗?或者在这种情况下ID应该是一个类?

我读过该 ID 只能在页面上使用一次。

4

6 回答 6

1

是的,一个 ID 只能使用一次。如果您需要两个菜单来选择相同的 CSS 设置,您可以使用<div class="menu"/>如果它们的许多设置相同,但有些(例如位置)不同,您可以使用类似:<div id="top-menu" class="menu" /><div id="bottom-menu" class="menu" />- 这是一个很常见的用法,其中 id 控制页面上对象的外部位置,通常可以是唯一的,而 class 控制其内部布局,可以与其他类似组件共享。

W3 Schools 对类和 id 选择器有很好的入门:http: //www.w3schools.com/css/css_id_class.asp

根据他们的描述:

id 选择器

id 选择器用于为单个唯一元素指定样式。

类选择器

类选择器用于指定一组元素的样式。与 id 选择器不同,类选择器最常用于多个元素。

这允许您为具有相同类的许多 HTML 元素设置特定样式。

于 2012-10-22T09:26:38.330 回答
0

ID 在元素中必须是唯一的。这就是类的用途,如果您出于某种原因需要重用 ID 名称,请将其更改为类。

http://www.w3schools.com/tags/att_global_id.asp

<div class="menu"><ul><li>Home</li><li>About</li></ul></div>
于 2012-10-22T09:25:41.070 回答
0

ID 被设计成完全一样的标识符。每个文件应该只有一个 ID。如果您需要将相同的样式应用于多个元素,正如您正确指出的那样,请改用类名。

<div class="menu">
    <ul>
        <li>Home</li>
        <li>About</li>
    </ul>
</div>
于 2012-10-22T09:26:34.913 回答
0

我们不能在页面中重复相同的 ID...最好使用相同的类...:)

<div class="menu">
   <ul>
     <li>Home</li>
     <li>About</li>
   </ul>
</div>
于 2012-10-22T09:30:56.973 回答
0

ID 是否总是必须与 CSS 中的一个元素相关联?

每页一个元素

如果该元素在页面上重复出现怎么办?

那么 HTML 是无效的,你依赖于错误恢复而不是预期的行为。

如果我有一个显示在长 HTML 页面顶部和底部的菜单……我可以在页面底部重复此代码吗?

不在 HTML 文档中。

或者在这种情况下ID应该是一个类?

是的。一类是一组有共同点的事物。id 标识特定的事物。你有两个有共同点的菜单,使用一个类。

我读过该 ID 只能在页面上使用一次。

正确的

于 2012-10-22T09:36:11.207 回答
0

您当然可以根据需要多次使用 id="" 属性,但属性的内容应该是唯一的。没有唯一值是 HTML 错误。

于 2012-10-22T09:37:46.033 回答