<article>: Элемент статьи

Базовая Широкодоступная

Эта функция хорошо отработана и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Элемент <article> HTML представляет собой законченную композицию в документе, странице, приложении или сайте, предназначенную для самостоятельного распространения или повторного использования (например, в подписке). Примеры включают: пост в форуме, статью в журнале или газете, запись в блоге, карточку продукта, комментарий пользователя, интерактивный виджет или гаджет, или любой другой независимый элемент контента.

Попробуйте

В данном документе может быть несколько статей; например, на блоге, где текст каждой статьи отображается поочерёдно по мере прокрутки, каждый пост будет содержаться в элементе <article> , возможно, с одним или несколькими <section> внутри.

Атрибуты

Этот элемент содержит только глобальные атрибуты.

Примечания по использованию

Каждый <article> должен быть идентифицирован, обычно путём включения заголовка (<h1> - <h6> элемент) как дочернего элемента элемента <article>.
Когда элемент <article> вложен, внутренний элемент представляет собой статью, относящуюся к внешнему элементу. Например, комментарии к записи в блоге могут быть элементами <article> , вложенными в элемент <article> , представляющий запись в блоге.
Информация об авторе элемента <article> может быть предоставлена с помощью элемента <address>, но это не относится к вложенным элементам <article>.
Дата и время публикации элемента <article> могут быть описаны с помощью атрибута datetime элемента <time>.

Примеры

html

<article class="film_review">
  <h2>Jurassic Park</h2>
  <section class="main_review">
    <h3>Review</h3>
    <p>Dinos were great!</p>
  </section>
  <section class="user_reviews">
    <h3>User reviews</h3>
    <article class="user_review">
      <h4>Too scary!</h4>
      <p>Way too scary for me.</p>
      <footer>
        <p>
          Posted on
          <time datetime="2015-05-16 19:00">May 16</time>
          by Lisa.
        </p>
      </footer>
    </article>
    <article class="user_review">
      <h4>Love the dinos!</h4>
      <p>I agree, dinos are my favorite.</p>
      <footer>
        <p>
          Posted on
          <time datetime="2015-05-17 19:00">May 17</time>
          by Tom.
        </p>
      </footer>
    </article>
  </section>
  <footer>
    <p>
      Posted on
      <time datetime="2015-05-15 19:00">May 15</time>
      by Staff.
    </p>
  </footer>
</article>

Результат

Техническое резюме

Категории контента	Потоковый контент, Разделяющий контент, Осязаемый контент
Разрешенный контент	Потоковый контент.
Пропуск тега	Нет, обязательны и открывающий, и закрывающий теги.
Разрешенные родительские элементы	Любой элемент, принимающий потоковый контент. Обратите внимание, что элемент `<article>` не должен быть потомком элемента `<address>`.
Неявная роль ARIA	`article`
Разрешенные роли ARIA	`application`, `document`, `feed`, `main`, `none`, `presentation`, `region`
Интерфейс DOM	`HTMLElement`

Спецификации

Спецификация
Стандарт HTML # the-article-element

Совместимость браузеров

	Рабочий стол					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`article`	5	12	4	11.1	5	18	4	11.1	4.2	1.0	4.4

См. также

Другие элементы, относящиеся к разделам: <body>, <nav>, <section>, <aside>, h1, h2, h3, h4, h5, h6, <hgroup>, <header>, <footer>, <address>
Использование разделов и оглавления HTML

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/article