Тег <article>

<article> обозначает самодостаточный блок содержимого, который имеет смысл отдельно от остальной страницы — статью, комментарий, карточку товара.

Syntax

<article>...</article>

Example

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

Notes

Несколько article могут быть вложены друг в друга (например, статья и комментарии к ней).
Отличие от section: article — самодостаточная единица, которую можно распространять отдельно (RSS); section — просто тематический раздел в пределах страницы.

Accessibility

article автоматически получает ARIA-роль article.

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

Тег <section>

Назначение тега <section>: группировка тематически связанного содержимого, обычно со своим заголовком.

Card component

Базовый карточный компонент с заголовком, текстом и тенью при hover.