HTML / jQuery: семантическая пометка терминов с глоссарием в основной копии - PullRequest
1 голос
/ 02 марта 2011

Все,

Я работаю над добавлением глоссария на существующий сайт.Я планирую установить отдельные фрагменты .html с отдельными определениями, а затем использовать плагин jQuery Tooltip, прикрепленный к отдельным терминам в копии, который извлечет фрагмент .html и отобразит его.

Это позволяет избежать необходимости предварительно- загрузить много определений в HTML каждой страницы (в моем распоряжении нет динамического языка на стороне сервера - длинная история - так что это лучший способ, которым я думал об этом).

МойПервоначально предполагалось использовать теги <dt> вокруг терминов, которые имеют определения, а затем jQuery прикрепляет подсказку к каждому термину.Поэтому моя разметка останется очень чистой и простой:

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

Это хорошо, потому что я не использую теги dt / dl / dd где-либо еще на сайте, и при этом я не планируюк.

Это разумное решение?Или неправильно использовать <dt>, когда его нет внутри <dl>?

Ответы [ 2 ]

1 голос
/ 02 марта 2011

Это приемлемое решение, хотя с технической точки зрения HTML не имеет, как вы сказали, dt внутри dl. Если вам нужен правильный HTML, используйте тег DFN.

0 голосов
/ 02 марта 2011

Если вы собираетесь использовать семантику, <dt> должно содержаться в <dl> для W3C. Может быть, использовать обычный тег span с хорошим именем класса, например <span class="defineable">[term]</span>

...