Blockquote semantics enhanced by figure. #html #html5 #figure #happycog

gistfile1.txt

Single line, no attribution:

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>

Single line, with attribution and optional cite:

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
	<figcaption>Sherlock Holmes, <cite>Sign of Four</cite></figcaption>
</figure>

Multiline:

<figure class="quote">
	<blockquote>
		<p>It is the unofficial force—the Baker Street irregulars.</p>
		<p>What a bunch of maroons.</p>
	</blockquote>
	<figcaption>Sherlock Holmes, <cite>Sign of Four</cite></figcaption>
</figure>

Pullquote (I don't know that ALA has ever used a pullquote, but the pattern is simple enough, so here it is):

<aside class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</aside>