HTML/jQuery：語義標籤正文副本中啓用詞彙表的術語

我正在爲現有網站添加詞彙表。我打算使用單獨的定義來設置單獨的.html片段，然後使用一個jQuery Tooltip插件附加到副本中的各個術語中，這些術語將拉動.html片段並呈現它。

這樣就避免了必須在每個頁面的HTML中預先加載很多定義（我沒有服務器端動態語言可供使用 - 長話短說 - 所以這是我認爲要做到這一點的最佳方式）。

我最初的想法是圍繞有定義的術語使用<dt>標籤，然後讓jQuery爲每個術語附上工具提示。所以，我的標記將保持非常乾淨和簡單：

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

這是因爲我沒有使用DT/DL/DD標籤其他地方的網站上是好的，我也不打算。

這是一個合理的解決方案？或者當它不在<dl>內時使用<dt>是不正確的？

2011-03-01 tkrajcar

這是一個可接受的解決方案，雖然它不是技術上有效的HTML，正如你所說的，在dl內部有一個dt。如果您需要它是有效的HTML，請使用DFN標籤。

2011-03-01 22:51:53

好極了。我將使用DFN，以便它能夠正確驗證。感謝您的確認！ – tkrajcar 2011-03-01 22:52:54

如果你打算使用語義<dt>應該包含在每個W3C的<dl>中。也許使用一個好的類名的常規跨度標籤，如<span class="defineable">[term]</span>

2011-03-01 22:57:38 MikeM

回答