Синтаксис

<article>
    <h2-h6>...</h2-h6>
    <p>...</p>
</article>

Описание

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

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

html5

Внимание!

Элемент должен иметь в качестве дочернего (вложенного) элемента хотя бы один заголовок от <h2> до <h6> (если до этого не использовался <h1>, то допускается его разовое применение).

Тег <article> также поддерживает глобальные атрибуты и атрибуты события.

Пример

HTML-код:

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Тег article</title>
</head>
<body>
    <article>
        <h3>Статья о спорте</h3>
        <p>Спортивные занятия очень полезны для человеческого организма, еще бы, ведь
            движение – это жизнь! А спорт – это не что иное, как движение, целенаправленное,
            положительное и очень нужное.
        </p>
    </article>
</body>
</html>

Отображение в браузере:

Статья о спорте

Спортивные занятия очень полезны для человеческого организма, еще бы, ведь движение – это жизнь! А спорт – это не что иное, как движение, целенаправленное, положительное и очень нужное.

Параметры CSS по умолчанию

article {
    display: block;
}

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

Элемент

Chrome

Chrome

Opera

Opera

Firefox

Firefox

Safari

Safari

Microsoft Edge

Microsoft Edge

<article> Да Да Да Да Да

Комментарии

Оставить комментарий:
* отправляя форму, я даю согласие на обработку персональных данных

Продолжаем добавлять языки программирования для Вас.
Впереди много интересного!

Только свежие новости программирования и технологий каждый день.