Articles
<article>
Definition and Usage
The <article> tag specifies independent,
self-contained content.
An article should make sense on its own and it
should be possible to distribute it independently from the rest of the site.
Potential sources for the <article>
element:
- Forum
post
- Blog
post
- News
story
- Comment
The <article> element acts as a container
for any section of a page that could stand alone and potentially be syndicated.
This could be an individual article or blog
entry, a comment or forum post, or any other independent piece of content. If a
page contains several articles (or even summaries of several articles), then
each individual article would live inside its own <article> element. The <article>
elements can even be nested inside each other.
For example, a blog post might live inside one <article>
element and each comment on the article could live inside its own child <article>
element.
Code example is as following!!!
<article>
<figure>
<img
src="images/bok-choi.jpg" alt="Bok Choi" />
<figcaption>Bok Choi</figcaption>
</figure>
<hgroup>
<h2>Japanese Vegetarian</h2>
<h3>Five week course in London</h3>
</hgroup>
<p>A five week introduction to
traditional
Japanese vegetarian meals, teaching you a
selection of rice and noodle dishes.</p>
</article>
<article>
<figure>
<img
src="images/teriyaki.jpg"
alt="Teriyaki
sauce" />
<figcaption>Teriyaki Sauce</figcaption>
</figure>
<hgroup>
<h2>Sauces Masterclass</h2>
<h3>One day workshop</h3>
</hgroup>
<p>An intensive one-day course
looking at how to
create the most delicious sauces for use in a
range of Japanese cookery.</p>
</article>
