Text - Introducing HTML5 - page 43

the HTML5 outlining algorithm (whereas <div> doesn't, because
it has no special structural meaning).
<section>
<h1>Articles about llamas</h1>
<article>
<h2>The daily llama: Buddhism and South American camelids
¬ </h2>
<p>blah blah</p>
</article>
<article>
<h2>Shh! Do not alarm a llama</h2>
<p>blah blah</p>
</article>
</section>
<section>
<h1>Articles about root vegetables</h1>
<article>
<h2>Carrots: the orange miracle</h2>
<p>blah blah</p>
</article>
<article>
<h2>Eat more Swedes (the vegetables, not the people)</h2>
<p>blah blah</p>
</article>
</section>
Why didn't you mark the two <section> s up as <article> s instead?
Because, in this example, each <section> is a collection of indepen-
dent entities, each of which could be syndicated—but you wouldn't
ordinarily syndicate the collection as an individual entity.
Note that a <section> doesn't need to contain lots of <article> s;
it could be a collection of paragraphs explaining your creative
commons licensing, an author bio, or a copyright notice. In our
example, each article could contain sub-articles or sections, as
explained earlier—or both.