Тег HTML <article>

  • Предыдущая страница <area>
  • Следующая страница <aside>

Определение и использование

<article> Тег определяет независимое, самостоятельное содержимое.

Статья должна быть понятна в отдельности и может быть распространена независимо от всего сайта.

<articel> Потенциальные источники элементов включают:

  • Темы форума
  • Статьи в блогах
  • Новости
  • Комментарии пользователей

Примечание:В браузере:<article> Элемент сам по себе не отображает ningún especial estilo. Однако, вы можете использовать CSS для стилизации <article> Элемент (см. примеры ниже).

См. также:

Руководство по HTML DOM:Объект Article

Пример

Пример 1

Три статьи, независимые и самостоятельные:

<article>
<h2>Google Chrome</h2>
<p>Google Chrome — это интернет-браузер, разработанный Google, выпущенный в 2008 году. Chrome является одним из самых популярных интернет-браузеров в мире!</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox является открытым интернет-браузером, разработанным Mozilla. С января 2018 года Firefox является вторым по популярности интернет-браузером.</p>
</article>
<article>
<h2>Microsoft Edge</h2>
<p>Microsoft Edge - это веб-браузер, разработанный компанией Microsoft и выпущенный в 2015 году. Microsoft Edge заменил Internet Explorer.</p>
</article>

Попробуйте сами

Пример 2

Использование CSS для установки стиля элементов <article>:

<html>
<head>
<style>
.all-browsers {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}
.all-browsers > h1, .browser {
  margin: 10px;
  padding: 5px;
}
.browser {
  background: white;
}
.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>
<article class="all-browsers">
  <h1>Самые популярные браузеры</h1>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome — это интернет-браузер, разработанный Google, выпущенный в 2008 году. Chrome является одним из самых популярных интернет-браузеров в мире!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox является открытым интернет-браузером, разработанным Mozilla. С января 2018 года Firefox является вторым по популярности интернет-браузером.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge - это веб-браузер, разработанный компанией Microsoft и выпущенный в 2015 году. Microsoft Edge заменил Internet Explorer.</p>
  </article>
</article>
</body>
</html>

Попробуйте сами

Глобальные свойства

<article> Этот тег также поддерживает Глобальные свойства в HTML.

свойства событий

<article> Этот тег также поддерживает Свойства событий в HTML.

Установки CSS по умолчанию

Большинство браузеров будут использовать следующие значения по умолчанию для отображения <article> Элемент:

article {
  display: block;
}

Поддержка браузерами

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот элемент.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
6.0 9.0 4.0 5.0 11.1
  • Предыдущая страница <area>
  • Следующая страница <aside>