HTML-элемент <article> представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для независимого распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Данный документ может иметь множество статей; например, когда читатель просматривает блог, в котором текст каждой статьи отображается один за другим, каждая публикация будет находиться в элементе <article>, возможно, с одним или более элементами <section> внутри.
| Категории контента | Основной поток, секционный контент, явный контент. |
|---|---|
| Разрешённое содержимое | Основной поток. |
| Пропуск тега | Ни одного; Оба тега, открывающий и закрывающий, являются обязательными. |
| Разрешённые родительские элементы | Любой элемент, который разрешает контент основного потока в качестве содержимого. Обратите внимание, что элемент <article> не должен быть потомком элемента {{HTMLElement("address")}}. |
| Разрешённые ARIA роли | {{ARIARole("application")}}, {{ARIARole("document")}}, {{ARIARole("feed")}}, {{ARIARole("main")}}, {{ARIARole("presentation")}}, {{ARIARole("region")}} |
| DOM-интерфейс | {{domxref("HTMLElement")}} |
Атрибуты
К этому элементу применимы только глобальные атрибуты.
Примечание
- Каждый элемент
<article>должен быть идентифицирован, обычно путём добавления заголовка (элементы<h1>-<h6>) в качестве дочернего элемента. - Когда элемент
<article>является вложенным, внутренний элемент представляет собой контент связанный с внешним элементом. Например, комментарии к публикации в блоге могут быть элементами<article>, вложенными в другой<article>, являющийся публикацией в блоге. - Информация об авторе в элементе
<article>может быть представлена через элемент {{HTMLElement("address")}}, но это не применимо к вложенным элементам<article>. - Дата и время публикации в элементе
<article>могут быть описаны с помощью атрибута {{htmlattrxref("datetime", "time")}} элемента {{HTMLElement("time")}}. Обратите внимание, что атрибут {{htmlattrxref("pubdate", "time")}} элемента {{HTMLElement("time")}} больше не является частью стандарта {{glossary("W3C")}} {{glossary("HTML5")}}.
Примеры
<article class="film_review">
<header>
<h2>Парк Юрского периода</h2>
</header>
<section class="main_review">
<p>Динозавры были величественны!</p>
</section>
<section class="user_reviews">
<article class="user_review">
<p>Слишком страшно для меня.</p>
<footer>
<p>
Опубликовано
<time datetime="2015-05-16 19:00">16 мая</time>
Лизой.
</p>
</footer>
</article>
<article class="user_review">
<p>Я согласен, динозавры мои любимцы.</p>
<footer>
<p>
Опубликовано
<time datetime="2015-05-17 19:00">17 мая</time>
Томом.
</p>
</footer>
</article>
</section>
<footer>
<p>
Опубликовано
<time datetime="2015-05-15 19:00">15 мая</time>
Стаффом.
</p>
</footer>
</article>
Спецификации
{{Specifications}}Поддержка браузерами
{{Compat}}
Смотрите также
- Связанные с этим разделом элементы: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}
- Разделы и структура документа HTML5.