Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 47 из 70 · 10 мин
header, nav, main и footer: каркас страницы, понятный людям, читалкам и поисковикам.
Страниц уже много! Шапка, меню, основное, подвал. Это всё div-ы?
Пожалуйста, не div-ы. Я жму одну клавишу — и прыгаю сразу к меню или к основному. Если вы правильно разметили.
Это ориентиры. Пять тегов — и Лев летает по сайту.
<header><header>
<a href="/">Север</a>
</header><nav>nav несколько — подпиши через aria-label.<nav aria-label="Главное меню">
<a href="/menu">Меню</a> <a href="/booking">Бронь</a>
</nav><main>main на страницу.<main>
<h1>Мой сайт</h1>
<p>Заметки о путешествиях и фото.</p>
</main><footer><footer>© 2026 Мой сайт</footer>#main.<a href="#main">Перейти к содержимому</a>
<main id="main">…</main>Чтобы Лев мог прыгать по сайту, замени безликие div на семантические: шапку — на header, меню — на nav, основное содержимое — на main, подвал — на footer.
nav внутри header — пока нетmain — пока нетfooter — пока нетdiv не осталось — пока нетВыберите один ответ.
Сколько видимых элементов <main> должно быть на странице?
Выберите один ответ.
На странице два блока nav: в шапке и в подвале. Что стоит сделать?
Выберите один ответ.
Что дают семантические элементы пользователю экранной читалки?
Проверяем состояние обучения…