Article html что это
Перейти к содержимому

Article html что это

  • автор:

Article html что это

Тег для создания самостоятельных единиц контента: от карточек до комментов. Не для статей!

Время чтения: меньше 5 мин

Открыть/закрыть навигацию по статье
Контрибьюторы:

Обновлено 1 марта 2023

Кратко

Скопировать ссылку «Кратко» Скопировано

Тег обозначает законченный и самодостаточный раздел документа, описывающий какую-то сущность: товар, карточку пользователя, рекламный баннер, виджет.

Пример

Скопировать ссылку «Пример» Скопировано

   

Тег <article>, и с чем его едят

Кратко

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

Пример

Рекурсия! ��
article> h1>Тег code><article>code>, и с чем его едятh1> h2>Краткоh2> p> Тег code><article>code> обозначает законченный и самодостаточный раздел документа, описывающий какую-то сущность: статью, товар, карточку пользователя и т. д. p> h2>Примерh2> pre> code>Рекурсия! ��code> pre> article>

Как пишется

Скопировать ссылку «Как пишется» Скопировано

  article> article>      

Как понять

Скопировать ссылку "Как понять" Скопировано

Тег семантически «помечает», что его содержимое — это какая-то одна конкретная сущность. Никакого поведенческого или иного оформления это не даёт, визуально выглядит как блочный -элемент.

Подсказки

Скопировать ссылку "Подсказки" Скопировано

или ?

Скопировать ссылку "article или section?" Скопировано

Например, если мы верстаем книгу с главой «Бран», повествующей «о 7-летнем юноше, сыне лорда Винтерфелла», то это скорее всего , так как в книге наверняка есть и другие разделы (главы, не обязательно только об этом персонаже).

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

  • Каждый элемент должен быть идентифицирован, обычно путём добавления заголовка (элементы - ) в качестве дочернего элемента.
  • Когда элемент является вложенным, внутренний элемент представляет собой контент связанный с внешним элементом. Например, комментарии к публикации в блоге могут быть элементами , вложенными в другой , являющийся публикацией в блоге.
  • Информация об авторе в элементе может быть представлена через элемент , но это не применимо к вложенным элементам .
  • Дата и время публикации в элементе могут быть описаны с помощью атрибута datetime элемента . Обратите внимание, что атрибут pubdate элемента больше не является частью стандарта W3CHTML5.

This page was last modified on 4 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

article

Следы невиданных зверей

История о том, как возле столовой появились загадочные розовые следы с шестью пальцами, и почему это случилось.

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor's draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

9 12 5 11.1 5 4
4.4 4 11.1 4.2

Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

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

См. также

  • Знакомство с HTML
  • Что всё это значит?
  • Элемент

Article html что это

Тег задает содержание сайта вроде новости, статьи, записи блога, форума или др.

Синтаксис

Атрибуты

Закрывающий тег

HTML5 IE Cr Op Sa Fx

    article   

Следы невиданных зверей

История о том, как возле столовой появились загадочные розовые следы с шестью пальцами, и почему это случилось.

Браузеры

Internet Explorer до версии 8.0 включительно игнорирует тег , но отображает его содержимое. Также в этом браузере любые стили не применяются к селектору article .

Firefox полностью поддерживает этот тег начиная с версии 4.0, но версии 3.0 и старше также корректно отображают содержимое тега.

Статьи по теме

  • Внутренняя страница
  • Новые теги
  • Пять вещей, которые надо знать об HTML5
  • Что всё это значит?

Статьи по теме

  • Предварительный обзор HTML5
  • Что всё это значит?
  • Шаблоны HTML5

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *