Семантичні елементи

Замість того, щоб позначати все як <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>

Призначення тегу <header>: вступний вміст для сторінки або секції (логотип, навігація, заголовок).

Тег <main>

Призначення тегу <main>: унікальний основний вміст сторінки, без повторюваних елементів.

Тег <article>

Призначення тегу <article>: самодостатній блок вмісту (стаття, коментар, картка товару).