Урок 19 · HTML

Навигация, которая ведёт в разделы сайта

Меню — это список ссылок, а не набор абзацев. Так его найдут и стили, и люди с клавиатуры.

Почему это следующий шаг

Карточки дают содержание. Меню связывает страницы между собой.

Как сделать

Клади ссылки в ul внутри nav. У nav может быть подпись aria-label, если меню на странице два: разделы сайта и оглавление урока. Текущую страницу не обязательно делать ссылкой на саму себя. Не прячь единственный путь к уроку в картинку без текста.

<nav aria-label="Разделы">
  <ul>
    <li><a href="/html/">HTML</a></li>
    <li><a href="/css/">CSS</a></li>
    <li><a href="/javascript/">JavaScript</a></li>
  </ul>
</nav>

Что проверить

• Все пункты — ссылки с понятным текстом.
• Меню размечено списком.
• С клавиши Tab можно пройти по пунктам по порядку.