Text - Introducing HTML5 - page 37

unscientifi c Twitter poll of screen reader users suggested that
badly nested section headers is better than all headings being
at the same level (which is still better than no headings at all).
And, having done your best, wait for the browsers and the
screen readers that sit on top of them to implement the outlin-
ing algorithm. As I said, it's not an ideal world.
What's the difference between
<article> and <section>?
This is a question that is regularly asked of us at html5doctor.com .
An article is an independent, stand-alone piece of discrete con-
tent. Think of a blog post, or a news item in a document-based
site. In a web application, an <article> could be individual
emails within an email application or stories in a web-based
feed reader, as each email or story is both a component of the
application and can be independently reused.
<article>
Consider this real-world blog/news article:
<article>
<h1>Bruce Lawson is World's Sexiest Man</h1>
<p>Legions of lovely ladies voted luscious lothario Lawson
¬ as the World's Sexiest Man today.</p>
<h2>Second-sexiest man concedes defeat</h2>
<p>Remington Sharp, jQuery glamourpuss and Brighton
¬ roister-doister, was gracious in defeat. “It's cool being
¬ the second sexiest man when number one is Awesome Lawson”
¬ he said from his swimming pool-sized jacuzzi full of
¬ supermodels.</p>
</article>
It could be syndicated, either by RSS or other means, and
makes sense without further contextualisation. Just as you can
syndicate partial feeds, a “teaser” article is still an article:
<article>
<a href=full-story.html>
<h1>Bruce Lawson is World's Sexiest Man</h1>
<p><img src=bruce.png alt=”bruce lawson”>Legions of lovely
¬ ladies voted luscious lothario Lawson as the World's
¬ Sexiest Man today.</p>