HTML: Шапка
Шапкой на сайте традиционно принято называть верхнюю область, в которой чаще всего находятся контактные данные, меню, логотип. До появления стандарта HTML5 данную область просто размечали, используя обычный блок div
, что не вносило «смысла».
Сейчас для того, чтобы разметить шапку страницы, используется парный тег header
, внутри которого располагаются нужные нам элементы.
<header>
<img src="/logo.png" alt="Логотип"> <!-- Логотип сайта -->
<div id="menu"> <!-- Меню -->
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/about">О нас</a></li>
<li><a href="/contacts">Контакты</a></li>
</ul>
</div>
</header>
Тег header
по своему поведению не отличается от тега div
и не содержит отличных стандартных стилей, поэтому его можно использовать на любом сайте, не боясь нарушить внешний вид сайта
Задание
Создайте разметку «шапки» сайта. Расположите внутри картинку и маркированный список из двух ссылок
Нашли ошибку? Есть что добавить? Пулреквесты приветствуются https://github.com/hexlet-basics
Если вы столкнулись с трудностями и не знаете, что делать, задайте вопрос в нашем большом и дружном сообществе