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

Question

[zwezew]

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

nav.nav
    ul.nav__list
        li.nav__item
              a.nav__link(href="")
        li.nav__item
            a.nav__link(href="")

Но такой, например

nav.nav
    a.nav__item(href="")
    a.nav__item(href="")

выглядит не менее очевидным и менее перешруженным

Answer 1

[Сергей Степин]

этот прывильный вариант
nav.nav
ul.nav__list
li.nav__item
a.nav__link(href="")
li.nav__item
a.nav__link(href="")

Comments

[Aleksey Solovyev]

И почему это правильно? Потому что Вы читали книгу "Как стать верстальщиком. 5 издание" 1991 года?

Из возможных плюсов могу выделить только 2 пункта:

• До html5 было негласное правило(или соглашение\удобство) навигацию помещать в список. Поэтому cms (например wordpress) или программисты ожидают увидеть именно такую разметку.
  
• Более удобное размещение подменю.
  

Как можно заметить оба пункта сомнительные. В wordpress можно переопределить название tag'ов, а сабменю можно любым элементом сделать. Но у Вас как у программиста есть задача сделать код удобночитабельным. Для меня в2 вариант:

<nav>
    <a>
    <a>
    <a>
</nav>

выглядит удобнее. И если у Вас нет необходимости в списке, то зачем его использовать?

[HolyMaster]

Aleksey Solovyev, Может потому, что вопрос о семантике, а не о Вашем удобстве? А если мы имеем СПИСОК ссылок для навигации, мы должны использовать тег для СПИСКА. Семантика и Ваше удобство разные вещи.

Плюс ко всему вот ссылка для ознакомления:
https://www.w3.org/TR/html5/sections.html#the-nav-...