Семантическое разделение контента достигается использованием соответствующих HTML5-тегов.
Основные семантические теги:
<header>
: Вступление или группа навигационных или вступительных элементов. Часто содержит заголовок сайта, навигацию, логотип.<nav>
: Блок навигационных ссылок.<main>
: Основное содержимое документа. Должен быть уникальным на странице (не дублироваться в футере, хедере, сайдбаре).<article>
: Самодостаточный, независимый фрагмент контента (статья, пост в блоге, комментарий).<section>
: Отдельный раздел документа (глава, параграф, блок контента на главной странице). Должен иметь заголовок (<h1>
-<h6>
).<aside>
: Часть контента, косвенно связанная с основным содержанием (сайдбар, врезка с цитатоСемантическое разделение контента достигается использованием соответствующих HTML5-тегов.
Основные семантические теги:
<header>
: Вступление или группа навигационных или вступительных элементов. Часто содержит заголовок сайта, навигацию, логотип.<nav>
: Блок навигационных ссылок.<main>
: Основное содержимое документа. Должен быть уникальным на странице (не дублироваться в футере, хедере, сайдбаре).<article>
: Самодостаточный, независимый фрагмент контента (статья, пост в блоге, комментарий).<section>
: Отдельный раздел документа (глава, параграф, блок контента на главной странице). Должен иметь заголовок (<h1>
-<h6>
).<aside>
: Часть контента, косвенно связанная с основным содержанием (сайдбар, врезка с цитатоЗарегистрируйтесь или войдите, чтобы получить доступ к полным ответам на все вопросы из банка вопросов.