【问题标题】:Appropriate use of DL and DD?适当使用DL和DD?
【发布时间】:2008-12-02 23:07:19
【问题描述】:

我最近为我设计了一些网站模板。我得到了最终的 HTML 代码,它可以验证,但是文档的结构是使用 DL-DD 对布局的:

<dl>
  <dd class="some-class">
    Some text.
  </dd>
</dl>

我对这些标签并不是特别熟悉,因为我从未经常使用它们,但它们似乎并不适用于文档结构。我对吗?为什么设计师会这样做?

【问题讨论】:

    标签: html validation semantic-markup


    【解决方案1】:

    DL 标记与UL 标记大致相同,它开始一个无序列表。

    区别在于DL/DD情侣中基本上没有子弹。

    不过,大多数情况下,它用于实际用途,即D定义List,并与DT 和@987654326 一起使用@,分别是 Definition Term 和 Definition Description,看起来像:

    <DL>
      <DT>CSS</DT>
      <DD>Cascading Style Sheet</DD>
    </DL>
    

    默认情况下,该术语会缩进一点,并将其定义缩进一点。

    【讨论】:

      【解决方案2】:

      来自WC3:http://www.w3.org/TR/html401/struct/lists.html#h-10.3

      定义列表与其他类型的列表仅略有不同,因为列表项由两部分组成:术语和描述。该术语由 DT 元素给出,并且仅限于内联内容。使用包含块级内容的 DD 元素给出描述。

      因此,鉴于您的示例,这些类型的结构应该用于特定类型的内容,而不是不适合此上下文的数据结构。

      【讨论】:

      • 我的主要问题是,设计师是否有任何正当理由将这些标签用于文档结构,或者这只是 WTF 代码?
      【解决方案3】:

      你说得对,不应该那样使用它。我能想到的设计师使用它们的唯一原因是&lt;dd&gt; 标签在大多数浏览器中都是缩进的。如果它们覆盖了它们的填充/边距,那么你的猜测和我的一样好。

      【讨论】:

        猜你喜欢
        • 2016-05-31
        • 2011-11-27
        • 1970-01-01
        • 2011-12-29
        • 2015-12-05
        • 1970-01-01
        • 2018-11-26
        • 1970-01-01
        • 2020-08-21
        相关资源
        最近更新 更多