【问题标题】:Is it okay to use an id for <p> tags?<p> 标签可以使用 id 吗?
【发布时间】:2011-05-30 00:54:37
【问题描述】:

我的同事告诉我,我不应该将 id 用于段落标签... 如果你知道你只在页面上使用过那种段落,我认为这是要走的路。

他还说,页面上的所有元素都应该只使用 class 而不是 id,除非您定义了页眉、容器或页脚。

我刚从大学毕业,我学会了将 id 用于仅在页面上显示一次的内容,而将 class 用于将在页面上多次显示的内容。

哪种方式合适?

【问题讨论】:

  • 还可以查找 jQuery。它可能会让你的生活轻松 10^10 倍。

标签: html css class


【解决方案1】:

是的,没关系。每个 DOM 成员都可以有一个 ID。使用 ID 的 &lt;p&gt; 标签从根本上来说没有任何问题。

现在,对于应用 CSS 可能更适合您使用 class 属性而不是 id&lt;p&gt; 案例中,因为您可能希望将该样式应用于多个段落。但这只是方便的问题。

【讨论】:

    【解决方案2】:

    只要你知道该段落在页面上只会使用一次就可以了。

    一个示例可能是您希望显示在多个页面上但以特定方式设置样式的公司信息。给它一个 id 使它成为唯一的,并允许你这样设置它的样式。

    class 属性应该用于以类似方式设置多个控件的样式(即所有属于该类的控件)。例如,报告总计可能总是需要大而粗体,因此包含的标签将被赋予reportTotals 类。每页可能有不止一份报告,而且总数不止一份,但它们看起来应该都一样。

    【讨论】:

      【解决方案3】:

      使用id 来引用特定元素。使用class 来引用特定类型的所有元素。

      我认为 [你应该在段落标签上使用 id] 如果你知道你只在页面上使用过那种段落。

      您不应该仅仅因为您的页面上只有其中一个而使用id。当您想确保只影响一个特定元素时,您应该使用id,无论是现在还是将来其他人添加更多段落时。如果您有特定“种类”的段落,那么使用 class 来表示这一点并没有错,即使该类目前只有一个成员。

      【讨论】:

        【解决方案4】:

        从语义的角度来看,如果 id 有助于在结构上拆分文档,那么使用 id 就很有意义。例如,您可能有:

        &lt;p id="beginParagraph" ...&gt; &lt;/p&gt; and &lt;p id="endParagraph" ...&gt; &lt;/p&gt;

        这有助于轻松识别和定位您的开头和结尾段落。但是请记住,您不应该有重复的 id,如果您有很多段落并且想为每个段落添加一个 id,上面的示例很容易失控。

        查看这篇关于 Id 上的类的文章,了解为什么一个可能比另一个更好的其他原因:

        http://css-discuss.incutio.com/wiki/Classes_Vs_Ids

        【讨论】:

        • 链接似乎已损坏:“嗯。我们无法找到该站点。我们无法连接到 css-discuss.incutio.com 上的服务器。”我>
        【解决方案5】:

        我发现在使用诸如Selenium 之类的工具运行自动化测试时或在我当前使用AngularJS 的项目中运行端到端测试时,我发现对HTML 元素使用ID,特别是段落标签非常有用使用Protractor。通过元素 id 进行预期比使用类选择器要容易得多。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2012-03-09
          • 2021-06-26
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2014-08-01
          • 2012-06-05
          相关资源
          最近更新 更多