Уникальный контент страницы

Каждая HTML страница содержит уникальный контент, который есть только на этой странице. Такая область размечается с помощью парного тега main. Это поможет устройствам для людей с ограниченными возможностями и поисковым роботам быстрее понять, где находится основной контент на странице.

Возьмём созданную нами шапку сайта и добавим в неё область с уникальным контентом:

<header>
    <img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
    <nav> <!-- Меню -->
        <ul>
            <li><a href="/">Главная</a></li>
            <li><a href="/about">О нас</a></li>
            <li><a href="/contacts">Контакты</a></li>
        </ul>
    </nav>
</header>

<main>
  <!-- Основной контент страницы. Это может быть статья, описание услуги, данные на странице контакты, форма заказа услуги -->
</main>

Страница должна иметь не более одного элемента main (что и говорит о том, что в нём только уникальный контент)

Задание

Создайте шапку сайта. Она состоит из 2-х элементов:

  • Логотип
  • Секция навигации. Внутри неё маркированный список из двух элементов

Добавьте секцию main. Внутри неё вставьте произвольный контент.


Нашли ошибку? Есть что добавить? Пулреквесты приветствуютсяhttps://github.com/hexlet-basics

Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.