HTML/jQuery: семантическая маркировка терминов с глоссарием в основной копии
Все,
Я работаю над добавлением глоссария на существующий сайт. Я планирую настроить отдельные фрагменты.html с отдельными определениями, а затем использовать плагин jQuery Tooltip, прикрепленный к отдельным терминам в копии, который извлечет фрагмент.html и отобразит его.
Это избавляет от необходимости предварительно загружать много определений в HTML каждой страницы (в моем распоряжении нет динамического языка на стороне сервера - долгая история - так что это лучший способ, которым я думал сделать это).
Моя первоначальная мысль заключается в использовании <dt> теги вокруг терминов, которые имеют определения, а затем jQuery прикрепляет подсказку к каждому термину. Так что моя разметка останется очень чистой и простой:
<p>Lorem ipsum dolor <dt>amet</dt></p>
Это хорошо, потому что я не использую тэги dt / dl / dd где-либо еще на сайте, и не планирую.
Это разумное решение? Или неправильно использовать <dt> когда это не внутри <dl>?
2 ответа
Это приемлемое решение, хотя с технической точки зрения HTML не имеет, как вы сказали, dt внутри dl. Если вам нужен правильный HTML, используйте тег DFN.
Если вы собираетесь на семантику <dt> должны содержаться в <dl> согласно W3C. Может быть, использовать обычный тег span с хорошим именем класса, как <span class="defineable">[term]</span>