HTML / jQuery:在正文副本中语义标记词汇表启用的术语

时间:2011-03-01 22:46:57

标签: jquery semantics semantic-markup

所有

我正在努力为现有网站添加词汇表。我打算使用单独的定义设置单独的.html片段,然后使用附加到副本中的单个术语的jQuery Tooltip插件,该插件将拉动.html片段并进行渲染。

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

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

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

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

这是一个合理的解决方案吗?或者当<dt>不在<dl>内时使用{{1}}是不正确的?

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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