Html как сделать header

Подробная инструкция по созданию HTML-header: теги, атрибуты, пример разметки. Всё для создания простого и понятного header.

Для создания header в HTML можно использовать тег <header>.

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

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

Пример использования тега <header>

<header>
    <div class="logo">
        <img src="logo.png" alt="Logo">
    </div>
    <div class="nav-menu">
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">About</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
    </div>
</header>

В данном примере мы закрепили логотип и меню навигации внутри тега <header>. Так же в этот тег можно добавить другие элементы, например поисковую форму или ссылки на социальные сети.