Как «правильно» сверстать меню с оглавлением?

Question

[wadowad]

Как правильно с точки зрения семантики сверстать менюшку с заглавием?

Например, есть такая простая вещь: "Сортировка: по цене, по рейтингу, по новизне".

Насколько верно следующее?

<dl>
  <dt>Сортировка</dt>
  <dd>
    <ul>
      <li><a href="#">по цене</a></li>
      <li><a href="#">по рейтингу</a></li>
      <li><a href="#">по новизне</a></li>
    </ul>
  </dd>
</dl>

Comments

[Антон Литвиненко]

Эти хитрые теги, которые мало кто используют больше всего подходят для описаний. Например faq

Answer 1

[Александр Васильев]

Добрый день.
Приведенный пример сложно назвать "меню с оглавлением".
Приведенный код с точки зрения https://validator.w3.org/ без ошибок.

Comments

[wadowad]

Не знаю, как это можно обозвать иначе %)

[Александр Васильев]

wadowad, Вы правы, иначе это назвать сложно, особенно при выборе темы вопроса на текущем сервисе)))