В чем разница между тегами aside, article и section?

`<article>`, `<section>` и `<aside>` — семантические теги для разных ролей контента: самостоятельная единица, тематический раздел и побочный блок.

article

Самостоятельный, законченный фрагмент, который имеет смысл отдельно и мог бы быть переиспользован или распространён: статья, пост, комментарий, карточка товара.

<article>
  <h2>Заголовок статьи</h2>
  <p>Текст...</p>
</article>

Признак: содержимое осмысленно вне контекста страницы.

section

Тематический раздел документа, обычно с заголовком. Группирует связанный контент, который является частью чего-то большего.

<section>
  <h2>Отзывы</h2>
  ...
</section>

Признак: логическая часть страницы/статьи, не самодостаточная.

aside

Побочный контент, косвенно связанный с основным: сайдбар, реклама, сноски, «читайте также».

<aside>Похожие статьи</aside>

Как выбирать

• Самодостаточная единица → article.
• Тематический раздел страницы → section.
• Второстепенный/дополнительный блок → aside.
• Нет смысловой роли → обычный <div>.

Коротко для собеседования

<article> — самостоятельная единица контента (пост, карточка), осмысленная отдельно; <section> — тематический раздел с заголовком внутри чего-то большего; <aside> — побочный контент (сайдбар, «читайте также»). Если смысла роли нет — <div>.