Семантическая разметка с HTML, списки определений или упорядоченный lsit с divs?
Я создаю сайт, где я собираюсь использовать горизонтальный аккордеон. Я нашел два плагина jquery, которые делают то, что я хочу.
- http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/
- http://nicolahibbert.com/demo/liteAccordion/
Кажется, они оба делают все, что мне нужно. Второй, однако, использует упорядоченные списки, в то время как первый использует список определений. Какой из них является более семантически правильным? Это даже поддающаяся решению проблема, или это будет зависеть от того, как именно я использую аккордеон?
Каждый слайд в аккордеоне будет иметь заголовок, и содержание этого слайда будет расширяться после заголовка. Хотя название не совсем определено, оно будет очень связано с ним.
Учитывая это, какую версию вы считаете лучше?
Спасибо
2 ответа
Я бы сказал, что упорядоченный список будет иметь более семантическое значение, так как вы не определяете термины, которые будут использоваться позже в вашем контенте.
В конечном итоге это будет зависеть от контента, для которого вы используете один из этих плагинов. Семантически говоря, если у вас есть несколько несвязанный контент для аккордеона, использование списка определений будет использовать семантическое определение термина (кликабельный заголовок элемента accordion) в качестве его следующего содержимого.
Однако, если весь контент связан, технически использование неупорядоченного списка семантически может более детально детализировать, что весь контент собирается как один список, и ни одна часть не может быть определена иначе, чем любая другая.