Заметки по практике HTML, CSS, JS
October 26
HTML для структурирования контента:
Полный список основных семантических тегов HTML для структурирования контента:
<header>
— заголовочная часть страницы или раздела (включает логотип, меню и заголовки).<nav>
— блок навигации, обычно используется для меню сайта.<main>
— основной уникальный контент страницы.<section>
— раздел контента, связанный общей темой.<article>
— самостоятельный контент, например, статьи, посты, отзывы.<aside>
— дополнительная информация, боковая панель, реклама, связанная с основным контентом.<footer>
— нижняя часть страницы или раздела (контакты, копирайт, ссылки).<h1>–<h6>
— заголовки, обозначающие иерархию.<address>
— контактная информация, связанная с автором или владельцем страницы.<figure>
— контейнер для изображений, диаграмм, видео.<figcaption>
— подпись к элементу<figure>
.<time>
— дата или время, которое может быть прочитано машинами (например, для событий).<summary>
— видимый заголовок для содержимого в<details>
.<details>
— раскрывающийся блок для дополнительной информации, которую можно показать/скрыть.<mark>
— выделяет текст, отмечая его как важный или актуальный.
Эти теги помогают структурировать страницу для пользователя и поисковых систем, делая её более доступной и удобной для чтения.