Элемент <article>

Элемент <article> (от англ. article — статья) представляет собой раздел, содержащий независимый и самодостаточный контент, т. е. такой контент, который имеет смысл сам по себе, и не зависит от других частей страницы. Независимый означает, что данный контент может быть использован или распространён отдельно от остального контента, в то время как самодостаточный подчёркивает, что данный контент содержит всю необходимую информацию для понимания его содержания.

В качестве примера такого содержимого можно привести: содержимое новости, информационной статьи, запись в блоге, описание товара, информация о пользователе, сообщение на форуме, комментарий.

Элементы <article> могут быть вложены друг в друга. Например, статья в блоге может находиться в одном элементе <article>, а каждый комментарий к ней в отдельном дочернем элементе <article>.

Для каждого элемента <article> рекомендуется использовать как минимум один заголовок любого уровня: <h1>, ... , <h6>. Таким образом, минимальная структура элементов, не вызывающая ошибок и предупреждений в HTML-валидаторе:

<article>
  <h2>Заголовок</h2>
</article>

Категории	Потоковое содержимое, секционное содержимое, явное содержимое.
Синтаксис	`<article>...</article>`
Опускание тегов	Начальный и конечный теги обязательны.
Модель содержимого	Потоковое содержимое, но не допускается в качестве потомка элемент `<main>`.

Атрибуты

Для элемента <article> доступны глобальные атрибуты и события.

Стиль по умолчанию

Ниже показан стиль по умолчанию для элемента <article>, определённый в спецификации HTML:

article {
  display: block;
}

Пример

<!doctype html>
<html lang="ru">
<head>
  <meta charset="utf-8">
  <title>Заголовок</title>
</head>
<body>
  <h1>Языки для frontend разработки</h1>

  <article>
    <h2>HTML</h2>
    <p>HTML — язык разметки, используемый для создания
       веб-страниц.</p>
  </article>

  <article>
    <h2>CSS</h2>
    <p>CSS — язык стилей, отвечающий за визуальное
       представление HTML-документов (веб-страниц).</p>
  </article>

  <article>
    <h2>JavaScript</h2>
    <p>JavaScript — это высокоуровневый, динамически
       типизированный, интерпретируемый язык программирования.</p>
  </article>
</body>
</html>

Результат

Языки для frontend разработки

HTML

HTML — язык разметки, используемый для создания веб-страниц.

CSS

CSS — язык стилей, отвечающий за визуальное представление HTML-документов (веб-страниц).

JavaScript

JavaScript — это высокоуровневый, динамически типизированный, интерпретируемый язык программирования.