Семантическая разметка с HTML, списки определений или упорядоченный lsit с divs?

Question

Я создаю сайт, где собираюсь использовать горизонтальный аккордеон.Я нашел два плагина jquery, которые делают то, что я хочу.

1. http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/
2. http://nicolahibbert.com/demo/liteAccordion/

Они оба, кажется, делают все, что янеобходимость.Второй, однако, использует упорядоченные списки, в то время как первый использует список определений.Какой из них является более семантически правильным?Это даже поддающаяся решению проблема, или она будет зависеть от того, как именно я использую аккордеон?

Каждый слайд в аккордеоне будет иметь заголовок, и содержание этого слайда будет расширяться после заголовка.Хотя название не совсем определено, оно будет очень связано с ним.

Учитывая это, какую версию вы считаете лучшей?

Спасибо

Answer 1

Я бы сказал, что упорядоченный список будет иметь более семантическое значение, поскольку вы не определяете термины, которые будут использоваться позже в вашем контенте.

Answer 2

В конечном итоге это будет зависеть от контента, для которого вы используете один из этих плагинов.Семантически говоря, если у вас есть несколько несвязанный контент для аккордеона, использование списка определений будет использовать семантическое определение термина (кликабельный заголовок элемента accordion) в качестве его следующего содержания.

Однако, если все изконтент связан, технически использование неупорядоченного списка семантически может более детально детализировать, что весь контент собирается как один список, и ни одна часть не может быть определена иначе, чем любая другая.