Элемент статьи

HTML5 Article - это семантический элемент HTML5 , аналогичный и . Чаще всего он используется для хранения информации, которая может распространяться независимо от остальной части сайта или приложения, в котором она отображается.<section><header>

Особенности и использование [ править ]

Элемент HTML5 <article> представляет собой полную композицию на веб-странице или веб-приложении, которая может независимо распространяться или повторно использоваться, например, в синдикации. Это может быть сообщение на форуме, статья в журнале или газете, запись в блоге, комментарий пользователя, интерактивный виджет или гаджет или любой другой независимый элемент контента. ^[1]

Примеры [ править ]

По сути, <article>может использоваться для инкапсуляции основного текста и соответствующего заголовка, например:

< article >  < h2 > Вставить заголовок здесь </ h2 >  < p > Вставить здесь абзац текста </ p > </ article >

Записи и комментарии форума обычно реализуются вложенными <article>тегами:

< article >  < header >  < h1 > Заголовок статьи </ h1 >  < p > Информация о заголовке </ p >  </ header >  < p > Содержание статьи ... </ p >  < article >  < header >  < h2 > Автор: Джон Смит </ h2 >  < p > Информация о комментарии </ p >  </ заголовок > < p > Текст комментария ... </ p >  </ article >  < article >  < header >  < h2 > Автор: Джейн Джонсон </ h2 >  < p > Информация о втором комментарии </ p >  </ header >  < p > Текст комментария ... </ p >  </ article > </ article >

Атрибуты [ править ]

<article>Элемент включает в себя только глобальные HTML - атрибуты , такие как contenteditable , идентификатор и заголовок. ^[2] Однако pubdate , необязательный логический атрибут <time>элемента, часто используется вместе с <article>. Если присутствует, это означает, что <time>элемент является датой <article>публикации. Обратите внимание, что pubdate применяется только к родительскому <article>элементу или к документу в целом. ^[3]

Сравнение с <section> [ править ]

HTML5 представил как <article>и <section>; оба являются семантическими тегами, определяющими разделы в документе, такие как главы, верхние и нижние колонтитулы. ^[4]<article> элемент эффективно специализированный вид , <section>и она имеет более конкретное значение, ссылаясь на независимый, автономный блок соответствующего контента. ^{[3] [5]}

Примеры вложенности [ править ]

Чтобы лучше организовать независимые <section>теги содержимого, их можно вкладывать в <article>теги:

< article >  < h2 > Имена фигур </ h2 >  < p > Есть несколько разных типов фигур ... </ p >  < section >  < h4 > Треугольники </ h4 >  < p > Вот некоторая информация о треугольниках </ p >  </ section >  < section >  < h4 > Круги </ h4 >  <p >Эти чудеса в форме Пи завораживают и ... </ p >  </ section > </ article >

И наоборот, иногда может быть целесообразно вложить <article>элемент внутрь <section>элемента. Например, на веб-странице, содержащей несколько статей на разные темы:

 < section >  < h1 > Статьи о туризме Парижа </ h1 >  < article >  < h3 > Эйфелева башня </ h3 >  < p > На высоте более 12 дюймов ... </ p >  </ article >  < article >  < h3 > Лувр </ h3 >  < p > Обязательно посетите парижский туризм ... </ p >  </ статья > </ section >

Поддержка браузера [ править ]

Следующие браузеры поддерживают этот элемент: ^[6]

• Рабочий стол
  • Google Chrome 5.0 и выше
  • Firefox 4.0 и выше
  • Internet Explorer 9.0 и выше
  • Safari 4.1 и выше
  • Opera 11.1 и выше
• Мобильный
  • Android 2.2 и выше
  • Firefox Mobile (Gecko) 4.0 и выше
  • IE Mobile 9.0 и выше
  • Safari Mobile 5.0 и выше
  • Opera Mobile 11.0 и выше

Ссылки [ править ]

Внешние ссылки [ править ]

• Плагины Rich Snippet для Wordpress