@Dubrovin

Есть ли объективная причина использовать ul li внутри меню?

Есть ли объективная причина использовать ul li внутри меню?

Вариант №1:
<nav class="menu">
    <div class="menu__item"><a class="menu__link" href="#">Menu Item</a></div>
    <div class="menu__item"><a class="menu__link" href="#">Menu Item</a></div>
    <div class="menu__item"><a class="menu__link" href="#">Menu Item</a></div>
</nav>


Вариант №2:
<nav class="menu">
    <ul class="menu__list">
        <li class="menu__item"><a class="menu__link" href="#">Menu Item</a></li>
        <li class="menu__item"><a class="menu__link" href="#">Menu Item</a></li>
        <li class="menu__item"><a class="menu__link" href="#">Menu Item</a></li>
    </ul>
</nav>


Чем вариант №2 лучше варинта №1?
  • Вопрос задан
  • 132 просмотра
Пригласить эксперта
Ответы на вопрос 3
dimovich85
@dimovich85
HTML, CSS, JS, VUE, PHP
Доступность. Вот интересное видео об этом: https://youtu.be/KAK-WAb9vow
Ответ написан
dpr
@dpr
frontend developer
<nav class="menu" role=list>
    <div class="menu__item" role=listitem><a class="menu__link" href="#">Menu Item</a></div>
    <div class="menu__item" role=listitem><a class="menu__link" href="#">Menu Item</a></div>
    <div class="menu__item" role=listitem><a class="menu__link" href="#">Menu Item</a></div>
</nav>
Ответ написан
Есть конечно. Меню – список ссылок, ul – тег для списка.
Если на это забить, то в первом варианте можно <nav> заменить на <div>. Потом <a> заменить на <div>, а обработку клика на js написать.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через TM ID
Похожие вопросы