【问题标题】:HTML/jQuery: Semantically tagging glossary-enabled terms in body copyHTML/jQuery:在正文中对启用词汇表的术语进行语义标记
【发布时间】:2011-03-01 22:46:57
【问题描述】:

全部,

我正在向现有网站添加词汇表。我打算使用单独的定义设置单独的 .html 片段,然后使用附加到副本中各个术语的 jQuery Tooltip 插件,该插件将提取 .html 片段并呈现它。

这避免了将许多定义预加载到每个页面的 HTML 中(我没有可供我使用的服务器端动态语言 - 长篇大论 - 所以这是我想到的最好的方法) .

我最初的想法是在有定义的术语周围使用<dt> 标签,然后让 jQuery 将工具提示附加到每个术语。所以我的标记将保持非常干净和简单:

<p>Lorem ipsum dolor <dt>amet</dt></p>

这很好,因为我没有在网站的其他任何地方使用 dt/dl/dd 标签,我也不打算这样做。

这是一个合理的解决方案吗?还是在<dt> 不在<dl> 内时使用它是不正确的?

【问题讨论】:

    标签: jquery semantics semantic-markup


    【解决方案1】:

    这是一个可接受的解决方案,尽管如您所说,在 dl 中包含 dt 在技术上不是有效的 HTML。如果您需要它是有效的 HTML,请使用 DFN 标记。

    【讨论】:

    • 太棒了。我将使用 DFN,以便正确验证。感谢您的确认!
    【解决方案2】:

    如果你想要语义,<dt> 应该包含在每个 W3C 的 <dl> 中。也许使用具有良好类名的常规跨度标记,例如<span class="defineable">[term]</span>

    【讨论】:

      猜你喜欢
      • 2012-01-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-12-08
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-09-09
      相关资源
      最近更新 更多