There are two examples on the w3.org's blockquote-page:
<figure>
<blockquote>
"That monster custom, who all sense doth eat
Of habit’s devil," <abbr title="et cetera">&c.</abbr> not in Folio
"What a falling off was there !
From me, whose love was of that dignity
That it went hand in hand even with the vow
I made to her in marriage, and to decline
Upon a wretch."
</blockquote>
<footer>
— <cite class="title">Shakespeare manual</cite>
by <cite class="author">Frederick Gard Fleay</cite>,
p19 (in Google Books)
</footer>
</figure>
<figure>
<blockquote>
<p>
The truth may be puzzling. It may take some work to grapple with.
It may be counterintuitive. It may contradict deeply held
prejudices. It may not be consonant with what we desperately want to
be true. But our preferences do not determine what’s true. We have a
method, and that method helps us to reach not absolute truth, only
asymptotic approaches to the truth — never there, just closer
and closer, always finding vast new oceans of undiscovered
possibilities. Cleverly designed experiments are the key.
</p>
</blockquote>
<figcaption>
<cite>Carl Sagan</cite>,
in "<cite>Wonder and Skepticism</cite>",
from the <cite>Skeptical Inquirer</cite> Volume 19, Issue 1 (January-February 1995)
</figcaption>
</figure>
Both look very similar to me - content-wise. But they say about the first one:
Note
In the example above, the citation is contained within thefooterof afigureelement, this groups and associates the information, about the quote, with the quote. Thefigcaptionelement was not used, in this case, as a container for the citation as it is not a caption.
However, I don't understand the distinction between both versions. Can someone explain the difference and what's important to distinguish between footer and figcaption?