“article” is related to “section”, but is distinctly different. Whereas
In our example,
like so:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<section id="main"> <article> <!-- first blog post --> </article> <article> <!-- second blog post --> </article> <article> <!-- third blog post --> </article> </section> |
In short, a header typically contains at least (but not restricted to) one heading tag (h1 – h6).
|
1 2 3 |
<header style="border: 1px solid orange"> <h3>using figure and figcaption</h3> </header> |
Figure and figcaption
|
1 2 3 4 5 6 7 8 |
<figure style="float:left; width: 100%;"> <a href="http://chineseruleof8.com/code/wp-content/uploads/2015/06/html5_layout.png"><img src="http://chineseruleof8.com/code/wp-content/uploads/2015/06/html5_layout.png" alt="html5_layout" width="400" class="alignnone size-full wp-image-1988" /></a> <figcaption style="text-align:center"> <p>html5 layout</p> </figcaption> </figure> |
Articles
An easy smell test is would this make sense in an RSS feed? Of course weblog articles and static pages would make sense in a feed reader,
|
1 2 3 4 5 6 7 8 9 |
<article> <header> <h1>Apple</h1> <p>Published: <time pubdate="pubdate">2009-10-09</time></p> </header> <footer> <p><small>Creative Commons Attribution-ShareAlike License</small></p> </footer> </article> |
- Break mechanical cab driver.
- Drive to abandoned factory
- Watch video of self