HTML and CSS Reference
In-Depth Information
<article id="article2">
<h2>
HTML5 Widely Misunderstood
</h2>
<p>
Article content here...
</p>
</article>
<article id="article1">
<h2>
Discovering the article element
</h2>
<p>
Article content here...
</p>
</article>
</section>
<footer>
<p>
This fake blog example is not real.
</p>
</footer>
</body>
</html>
O
NLINE
http://htmlref.com/ch2/article.html
The idea of defining these discrete content units specially is that you might wish to
extract them automatically, so again, having defined elements as opposed to some ad hoc
use of
class
names on
<div>
tags is preferred.
N
OTE
Under early HTML5 drafts, the
article
element provided for
cite
and
pubdate
attributes, which may make the usage of the content more meaningful by outside sites; however,
these were later dropped and use of
<time>
tags was encouraged.
HTML5 also introduces an
aside
element, which may be used within content to
represent material that is tangential or, as the element name suggests, an aside:
<p>
Here we explore the various HTML5 elements. I would write
some real content here but you are busy reading the topic anyway.
</p>
<aside>
<h2>
Pointless Aside
</h2>
<p>
Oh by the way did you know that the author lives in San Diego?
It is completely irrelevant to the discussion but he seems
to like the weather there as opposed to rainy New Zealand.
</p>
</aside>
<p>
So as we continue to discuss the various HTML5 elements we must
remember to stay focused as there is much to learn.
</p>
O
NLINE
http://htmlref.com/ch2/aside.html