Семантические элементы

Вместо того чтобы обозначать всё как <div>, HTML5 предоставляет семантические теги: header, nav, main, article, aside, footer — они описывают ЗНАЧЕНИЕ блока, а не только внешний вид.

Пример

<header><h1>Название сайта</h1></header>
<nav><a href="/">Главная</a></nav>
<main>
  <article><h2>Заголовок статьи</h2><p>Текст статьи...</p></article>
</main>
<footer><p>&copy; 2026</p></footer>

▶ Попробовать в редакторе

Задание

Добавьте aside с коротким текстом "Похожие статьи" внутри main, после article.

Семантические элементы

Пример

Задание

Похожие инструменты

Тег <header>

Тег <main>

Тег <article>