HTML. Часть 1

Шаг 1. Ключевые блоки

Автор: Мелихова Ева-София

Веб-страница состоит из трех ключевых блоков: шапки, основного содержимого и нижнего блока, называемого подвалом. Если же мы говорим языком HTML-тегов, то это такие элементы, как <header>, <main> и <footer>.

Этот тег представляет собой вступительную часть страницы или её отдельного раздела. Он может включать навигацию, логотип сайта или важную информацию, которая помогает пользователю сориентироваться.

Важно понимать, что хедер относится к своему ближайшему родительскому элементу. Это означает, что если вы создаете раздел страницы с использованием тега <section>, то этот раздел может иметь свой собственный хедер, отличный от главного заголовка страницы.

main

Основное содержимое страницы помещается в этот тег. Главная особенность этого элемента — он содержит уникальный контент, который не повторяется на других страницах сайта. Это могут быть статьи, медиафайлы, формы или любой другой материал, ради которого пользователь и зашел на страницу. Документ не должен содержать более одного основного элемента.

Подвал (footer) сайта содержит второстепенную информацию, например, контактные данные, ссылки на политику конфиденциальности и другие страницы. Он обычно находится внизу страницы, но может встречаться и в других разделах страницы.

Пример визуального представления структуры

Пример структуры веб-страницы

Итог

В результате анализа макета легко определить, что станет шапкой сайта, основным содержимым и подвалом. Вот пример структуры страницы на основе разметки:

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8" />
        <title>Детективно-информационное агентство Adresteia</title>
    </head>
    <body>
        <header>
            <!-- Шапка сайта -->
        </header>
        <main>
            <!-- Основное содержимое страницы -->
        </main>
        <footer>
            <!-- Подвал сайта -->
        </footer>
    </body>
</html>
Мелихова Ева-София

Мелихова Ева