HTML and CSS Reference
In-Depth Information
Using the
<article>
element
An
<article>
element represents a whole and complete composition or entry. Examples of
an
<article>
element could be a magazine article or a blog post, where the content can be
redistributed independently and not lose its meaning. Each article is wholly contained within
itself. You can have an article with subarticles; however, each subarticle must be a direct
extension and related to the root article.
Now that you know about this new
<article>
element, you can go back to your sample
document and organize it with articles:
<body>
…
<article>
<header>
<hgroup>
<h1>Our first new Article</h1>
</hgroup>
</header>
<section>
<h1>Section 1</h1>
<p>Some details about section 1</p>
<aside>Did you know that 7/10 is 70%</aside>
</section>
<section>
<h1>Section 2</h1>
</section>
</article>
<article>
<header>
<hgroup>
<h1>Second huge article</h1>
</hgroup>
</header>
<p>Provide some useful information in the article</p>
</article>
<article>
<header>
<hgroup>
<h1>Third huge article</h1>
</hgroup>
</header>
<p>Provide some useful information in the third article</p>
</article>
</body>
This HTML code produces the output in Figure 1-5.
Search WWH ::
Custom Search