At the time I was following the recomendation at html5doctor.com which was later corrected (jump down to the 2011-07-11 update).
How to fix.
The current spec recommends wraping the blockquote with a figure and nesting its attribution inside of a figcaption, like so:
<figure>
<blockquote>Never pet a burning dog.</blockquote>
<figcaption>
<span class='quote-author'>Some NPC</span>
<cite>Warcraft II</cite>
</figcaption>
</figure>
An aside: It occurs to me that this is one of the nice things about relying on plugins to write HTML. When the spec changes or clarifies things, fixing content is as easy as updating the plugin.
What's wrong
The current
blockquote
plugin outputs the following HTML:At the time I was following the recomendation at html5doctor.com which was later corrected (jump down to the 2011-07-11 update).
How to fix.
The current spec recommends wraping the
blockquote
with afigure
and nesting its attribution inside of afigcaption
, like so:An aside: It occurs to me that this is one of the nice things about relying on plugins to write HTML. When the spec changes or clarifies things, fixing content is as easy as updating the plugin.