Элемент article в html 5

Поддержка браузерами элемента article в HTML5

Описание элемента article в HTML5

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

Когда теги article/материалы вложены, внутренние теги article/материалы представляют собой материалы, которые, в принципе, связанных с содержанием внешнего матриала. Например, запись в блоге на сайте, которая соджержит пользовательские комментарии, теги article/материалы вложены в тег article/материал запись в блоге.

Автор информации, связанной с тегом article/материал не распространяется на вложенные элементы статьи.

При использовании в частности, содержание будет перераспределяться в синдикации, тег article/материал аналогичен вступлению элемента в Atom.

Атрибут pubdate тега <time> может быть использован для предоставления даты публикации статьи на элемент.

Внутри элемента article можно использовать элементы header и footer, чтобы разделить содержимое статьи.

Примеры использования элемента article в HTML5

Пример использования элемента article в HTML5

<article>
	Заходится, значится, Медвед у дворец, 
	и гаварит: "Хто крайний за каровами?".
</article>

Результат использования элемента article в HTML5

Пример использования элемента article в HTML5 c элементом header и элементом footer

<article>
	<header>
		Место для Имен, Ников, Псевдонимов, 
		Самолюбования и Саморекламы.
	</header>
	<p>
		Здесь обычно пишут мудрые мысли
		для всеобщего обозрения и восхищения автором.
	</p>
	<footer>
		Место для меню, ссылок, посылок, надчылок, всылок, 
		изсылок, засылок, усылок, ксылок и разных сылок.
		а еще тут можно написать когда это всё было сотворено.
	</footer>
</article>

Результат использования элемента article в HTML5 c элементом header и элементом footer

Пример использования элемента article для отображения сообщений блога и комментариев

<article>
	<header>
		Медвед долго царапал камнем по стене
		<time pubdate datetime="2008-09-19T08:38+03:00"></time>
	</header>
	<p>
		Буду в Голландии, зайду в гости к Чебурашке.
	</p>
	<footer>
		<a href="#">Дать Ответ в Ответ</a>
	</footer>
</article>
<article>
	<header>
		Медвед
		<time pubdate datetime="2008-09-29T07:55+03:00"></time>
	</header>
	<p>
		Стыдно, очень стыдно.
	</p>
	<footer>
		<a href="#">Дать Ответ в Ответ</a>
	</footer>
	<article>
		<header>
			Чебурашка
			<time pubdate datetime="2008-09-30T13:02+01:00"></time>
		</header>
		<p>
			Медвед!!! Медведка!! 
			Ты не в курсе где ключи от наручников?
			Генадий себя плохо чувствует.
			Пора отстегнуть его от люстры.
		</p>
		<footer>
			<a href="#">Дать Ответ в Ответ</a>
		</footer>
	</article>
</article>

Результат использования элемента article для отображения сообщений блога и комментариев

Пример использования элемента article для отображения сообщений на форуме

<article>
	<header>
		Медвед топал ножками и требовал ответа
		<time pubdate datetime="2008-09-19T08:38-01:00"></time>
	</header>
	<p>
		Хочу стать профисианальным посылальщиком 
		в поисковые системы.
		Я совсем новичок, сильно не пинайте. 
		Посоветуйте что почитать?
	</p>
	<footer>
		<a href="#">Откоментить В Лоб</a>
	</footer>
</article>

Результат использования элемента article для отображения сообщений на форуме

Отличие тега article HTML4.1 от HTML5

Тег article добавлен в HTML 5.

Атрибуты тега article в HTML5

Индивидуальные атрибуты для тега article не определены

Не решенные вопросы про тег article в HTML5

Какие плюсы даёт использвание тега article (SEO, навигация)?

Идеи использования тега article в HTML5

Не известны