article
Элемент article
представляет независимый набор контента в документе или приложении. Это может быть сообщение на форуме, статья журнала или газеты, запись в блоге, комментарий пользователя, интерактивный виджет или гаджет или любой другой независимый элемент содержимого.
Когда теги article
вложены друг в друга, внутренний тег представляет статьи, которые в принципе относятся к содержимому внешнего тега article
. Например, запись в блоге на сайте, которая допускает комментарии пользователей, могла бы представлять комментарии в качестве элементов article
, вложенных в общий элемент article
(которым является запись в блоге).
Информация об авторе, связанная с элементом article
(см. тег address
), не относится к остальным вложенным тегам article
, если таковые существуют.
Атрибут pubdate
тега time
может использоваться для обеспечения даты публикации содержимого тега article
.
Этот пример показывает использование элемента article
для записи блога:
<article> <header> <h1>The Very First Rule of Life</h1> <p><time pubdate datetime="2009-10-09T14:28-08:00"></time></p> </header> <p>If there's a microphone anywhere near you, assume it's hot and sending whatever you're saying to the world. Seriously.</p> <p>...</p> <footer> <a href="?comments=1">Show comments...</a> </footer> </article>
Ниже та же запись в блоге, но с комментариями:
<article> <header> <h1>The Very First Rule of Life</h1> <p><time pubdate datetime="2009-10-09T14:28-08:00"></time></p> </header> <p>If there's a microphone anywhere near you, assume it's hot and sending whatever you're saying to the world. Seriously.</p> <p>...</p> <section> <h1>Comments</h1> <article> <footer> <p>Posted by: George Washington</p> <p><time pubdate datetime="2009-10-10T19:10-08:00"></time></p> </footer> <p>Yeah! Especially when talking about your lobbyist friends!</p> </article> <article> <footer> <p>Posted by: George Hammond</p> <p><time pubdate datetime="2009-10-10T19:15-08:00"></time></p> </footer> <p>Hey, you have the same first name as me.</p> </article> </section> </article>
Обратите внимание на использование тега footer
для предоставления информации о каждом комментарии (его автора и даты написания): элемент footer
может появляться в начале своего элемента-родителя в соответствующих случаях. (Использование тега header
в этом случае также было бы оправдано; это вопрос предпочтений.)
Новое в справочниках
- Метод jQuery.ajax() / 20.04.2011
- jQuery-селектор [attribute$="value"] / 04.02.2011
- Метод jQuery.sub() / 31.01.2011
- Популярные плагины jQuery / 20.01.2011
- Метод .animate() в jQuery / 27.12.2010