<header class="header">
<div class="container">
<div class="header-block">
<div class="header-logo">
<div class="header__img">
<img src="img/logo.png" alt="BAK-ONE">
</div>
<div class="header__text">
<!-- /.header__logo -->
<div class="header__title">BAK-ONE</div>
<!-- /.header__title -->
<div class="header__subtitle">One Page Flat Template</div>
<!-- /.header__subtitle -->
</div>
<!-- /.header-text -->
</div>
<!-- /.header-img -->
.Вы можете использовать теги h1 на странице так часто, как хотите. Ни верхнего, ни нижнего лимита нет».Пора перестать смотреть ютюб толковых людей там единицы
Позже он также добавил, что сайт будет хорошо ранжироваться как с пятью тегами h1, так и без этих тегов вообще.
По словам Мюллера, заголовки H1 хороши для структурирования страницы, позволяя пользователям и Google сразу видеть основные разделы.
для начала нам нужно задать себе вопрос что такое навигация ? - Навигация это списоки часто его нужно сделать маркированым или добавить картинку перед ссылкой. вот как раз тег ul создан для списков (естественно логично использывать данный тег). Допустим вам надо использовать картинку перед ссылкой с тегами div > a будет очень затруднительно и вы потратите драгоценное время, а если использовать ul>li>a это можно сделать всего лишь 1 свойством list-style