generated from hexlet-basics/exercises-template
-
Notifications
You must be signed in to change notification settings - Fork 2
/
description.ru.yml
28 lines (22 loc) · 1.72 KB
/
description.ru.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
---
name: Шапка
theory: |
Шапкой на сайте принято называть верхнюю область, в которой находятся контактные данные, меню, логотип. До появления стандарта HTML5 данную область просто размечали, используя обычный блок `<div>`, что не вносило «смысла».
В HTML5 для разметки шапки сайта используется парный тег `<header>`, внутри которого располагаются элементы.
```html
<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>` и не содержит отличных стандартных стилей, поэтому его можно использовать на любом сайте, не боясь нарушить внешний вид сайта.
instructions: |
Создайте разметку «шапки» сайта. Расположите внутри картинку и маркированный список из двух ссылок
tips:
- Элемент `header` не является уникальным для страницы. Он может использоваться не только как шапка всей страницы, но и как шапка секции