Справочник HTML & CSS

<article>

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

Синтаксис

<article>…</article>

Примеры

Две записи в блоге:

<article>
  <h2>How we roast beans</h2>
  <p>Every Monday we roast a fresh batch…</p>
</article>
<article>
  <h2>Meet our new barista</h2>
  <p>Anna joined the team in May…</p>
</article>

Примечания

Проверка: если фрагмент можно переслать или опубликовать отдельно и он останется понятным — это <article>. Если это просто часть большого текста — <section>.

См. также

<section> — Тематический раздел страницы с собственным заголовком.
<header> — Шапка страницы или раздела: логотип, заголовок, навигация.
<time> — Дата или время, понятные и человеку, и программам.

Вопросы и ответы по теме

В учебнике

Семантическая разметка — Нейтральные div и span и смысловые теги header, nav, main, article, section, aside и footer для разметки страницы.

Спасибо, что читаете!