【问题标题】:Arent id's and class's the same ? :/ [duplicate]ids 和 classes 是一样的吗? :/ [复制]
【发布时间】:2013-04-26 03:10:37
【问题描述】:

好的,我知道我的问题非常基础和愚蠢。但我真的很想知道这背后的原因。

我做网站,我遵守所有 w3 规则。我的 HTML 是有效的。 但是这个问题今天早上打动了我。

在 HTML 中,我们有一个 ID 和一个 CLASS。两者都具有相同的功能。但是一个 ID 只使用一次,而一个 CLASS 用于一组元素。

例如:

<div id="menu">
    <div class="menu-item"></div>
    <div class="menu-item"></div>
    <div class="menu-item"></div>
</div>

也可以写成

<div id="menu">
    <div id="menu-item"></div>
    <div id="menu-item"></div>
    <div id="menu-item"></div>
</div>

以上两个代码都会产生相同的结果,对吧? 刚开始做网站的时候,我已经做了整个网站,但对这个规则并不确定。

所有这些网站都已售罄,而且没有一个网站遵守此规则。其中之一是http://www.mmun.org.pk/

所以,是的,不要对这个问题不屑一顾,我知道我也可以用谷歌搜索,但我无法与谷歌上的任何人讨论。

谢谢:)

【问题讨论】:

  • 没有人喜欢每个人的唯一标识与 DOM 相同,每个 dom 都有唯一标识..但它们可以属于同一类..

标签: class html


【解决方案1】:

举个例子。

就像人类是阶级一样,我们都是它的孩子,但我们仍然有唯一的标识,但属于同一个阶级。

与 DOM 相同,它们可以属于同一个类,但 ID 必须是唯一的。

【讨论】:

    【解决方案2】:

    ID 应该是唯一的,不能多次使用,类可以多次使用。

    ID 比类更具体。

    ID 通常用于使用 JavaScript 定位元素。

    【讨论】:

    【解决方案3】:

    不。绝不。 id和class是不同的。 在 javascript 中,您可以使用带有 id 的“document.getElementById()”。 在 css 中,您可以使用 id 和 class 不同地定义它。 因为 Id 是唯一的,但 class 可以无处不在。

    【讨论】:

    • 嗯,这样更清楚了,谢谢:)
    【解决方案4】:

    如果您谈论的是纯 HTML,那么从技术上讲,您多次使用相同的 ID,但根据我的经验,如果您曾经将 ID 用作选择器,这会导致问题。还需要注意的是,在 XHTML 中,不允许重复 ID,因为 XML 严格不允许这样做。

    浏览器不会为此抛出错误的原因是它们被编码为在某种程度上可以容忍不良 HTML。悲伤,但真实。

    再解释一下:浏览器提供了在 HTML 中操作元素的方法(DOM 方法,例如 document.getElementById())。 getElementById 将返回一个且仅返回一个元素,因此为两个元素提供相同的 ID 会令人困惑,因为您只能通过该 ID 访问其中一个。

    【讨论】:

      【解决方案5】:

      这些是根本不同的概念。有人会说得比我好,但是...

      “类”描述实体的某些属性——它们的共同点。你不能被你的班级唯一识别,尽管如果我知道你的班级,我可能会知道很多关于你的事情。如果你是“国王”,我想你住在宫殿里,戴着王冠,有仆人……但我不认识你。如果你是威廉·亚历山大,出生日期 1967 年 4 月 27 日,我知道你是谁。

      “阶级”就像“国王”。 “id”就像“Willem Alexander”。可以有不止一位国王;但唯一标识符是唯一的。你用一个类来描述属性和方法——但你没有标识一个实例。

      我希望这能把事情弄清楚一点。

      【讨论】:

      • 我相信你的意思是说“id”就像“威廉亚历山大”。谢谢。
      • 我做了 - 相应地进行了编辑。感谢您了解这一点。
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-02-06
      • 2014-12-23
      • 2014-04-24
      • 2011-11-28
      • 2020-04-10
      • 2013-02-05
      • 1970-01-01
      相关资源
      最近更新 更多