Главная » Справочник » Справочник по HTML » Справочник по тегам HTML элементов » Тег article HTML

Тег article HTML

HTML - тег <article> — один из элементов HTML5. Он используется для определения независимого, автономного контента. Статья должна иметь собственное значение и легко отличаться от остального содержимого веб-страницы.

Тег <article> - синтаксис и код

Тег <article> представлен парами. Содержимое записывается между открывающим (<article>) и закрывающим (</article>) тегами.

Пример разметки с тегом <article>:

<article>
  <h3>Google Chrome</h3>
  <p>Google Chrome – это веб-браузер, разработанный компанией Google и выпущенный в 2008 году. 
  На сегоднящний день Chrome — самый популярный веб-браузер в мире!</p>
</article>

<article>
  <h3>Mozilla Firefox</h3>
  <p>Mozilla Firefox – это веб-браузер с открытым исходным кодом, разработанный Mozilla. 
  Firefox стал вторым по популярности веб-браузером с января 2018 года.</p>
</article>

<article>
  <h3>Microsoft Edge</h3>
  <p>Microsoft Edge — веб-браузер, разработанный Microsoft и выпущенный в 2015 году. 
  Microsoft Edge заменил Internet Explorer.</p>
</article>

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

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

Элемент <article> может включать в себя:

запись в блоге;
сообщение на форуме;
новости;
комментарий.

В случае вложенного элемента <article> внутренний элемент представляет статью, связанную с внешним элементом.

Вы можете предоставить информацию об авторе этого элемента с помощью элемента <address>. Но учтите, что это не применимо к вложенным элементам <article>.

★ Примечание: элемент <article> не отображается в браузере как нечто особенное. Однако вы можете использовать CSS для его стилизации.