Тег <article>

Описание

Тег <article> является семантическим элементом HTML5, используемым для выделения независимого содержимого документа, которое имеет смысл само по себе вне контекста страницы. Примеры такого содержания включают статьи блога, заметки новостей, форумы, комментарии пользователей и другие самодостаточные элементы.

Основные особенности тега <article>:
  • Элемент представляет собой отдельную сущность с собственным заголовком и содержанием, предназначенную для публикации отдельно от основного текста страницы.
  • Может использоваться повторно или независимо распространяться между страницами сайта.
  • Содержимое внутри <article> часто сопровождается метаданными, такими как авторство, дата публикации и категория.
  • Помогает поисковикам лучше понимать структуру страницы и её контент.
Пример:
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Страница блога</title> </head> <body> <header> <h1>Наш блог</h1> </header> <section id="articles"> <article> <h2>Первая статья</h2> <p>Краткое введение.</p> <p>Основной текст статьи...</p> </article> <article> <h2>Вторая статья</h2> <p>Ещё одна интересная тема!</p> <p>Продолжение основной мысли...</p> </article> </section> </body> </html>

Использование тега <article> улучшает читаемость кода и облегчает разработку структурированных веб-документов, улучшая доступность и понимание структуры контента как пользователями, так и поисковыми системами.

Атрибуты

accesskey Горячая клавиша для активации элемента
class CSS-класс для стилизации
contenteditable Разрешает редактирование содержимого
contextmenu Контекстное меню для элемента (устарел)
data-* Пользовательские данные
dir Направление текста (ltr/rtl)
draggable Разрешает перетаскивание элемента
dropzone Указывает, что можно перетащить в элемент (устарел)
hidden Скрывает элемент
id Уникальный идентификатор
lang Язык содержимого
spellcheck Проверка орфографии
style Инлайновые CSS-стили
tabindex Порядок перехода по Tab
title Всплывающая подсказка
translate Определяет, нужно ли переводить текст
xml:lang Язык содержимого в XML (устарел)

Поддержка браузерами
9.0 6.0 11.1 4.0 5.0