[e] (0) blockquote example with figcaption for credit

Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=14023

git-svn-id: http://svn.whatwg.org/webapps@6639 340c8d12-0b0e-0410-8428-c7bf67bfef74

complete.html

@@ -18481,6 +18481,32 @@ <h4 id=the-blockquote-element><span class=secno>4.5.4 </span>The <dfn><code>bloc
 
   </div>
 
+  <div class=example>
+
+   <p>Here a <code><a href=#the-blockquote-element>blockquote</a></code> element is used in conjunction
+   with a <code><a href=#the-figure-element>figure</a></code> element and its <code><a href=#the-figcaption-element>figcaption</a></code>
+   to clearly relate a quote to its attribution (which is not part of
+   the quote and therefore doesn't belong inside the
+   <code><a href=#the-blockquote-element>blockquote</a></code> itself):</p>
+
+   <pre>&lt;figure&gt;
+ &lt;blockquote&gt;
+  &lt;p&gt;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 &mdash; never there, just closer
+  and closer, always finding vast new oceans of undiscovered
+  possibilities. Cleverly designed experiments are the key.&lt;/p&gt;
+ &lt;/blockquote&gt;
+ &lt;figcaption&gt;Carl Sagan, in "&lt;cite&gt;Wonder and Skepticism&lt;/cite&gt;", from
+ the &lt;cite&gt;Skeptical Enquirer&lt;/cite&gt; Volume 19, Issue 1 (January-February
+ 1995)&lt;/cite&gt;&lt;/figcaption&gt;
+&lt;/figure&gt;</pre>
+
+  </div>
+
   <div class=example>
 
    <p>This next example shows the use of <code><a href=#the-cite-element>cite</a></code> alongside

index

@@ -18481,6 +18481,32 @@ a friend lost to the
 
   </div>
 
+  <div class=example>
+
+   <p>Here a <code><a href=#the-blockquote-element>blockquote</a></code> element is used in conjunction
+   with a <code><a href=#the-figure-element>figure</a></code> element and its <code><a href=#the-figcaption-element>figcaption</a></code>
+   to clearly relate a quote to its attribution (which is not part of
+   the quote and therefore doesn't belong inside the
+   <code><a href=#the-blockquote-element>blockquote</a></code> itself):</p>
+
+   <pre>&lt;figure&gt;
+ &lt;blockquote&gt;
+  &lt;p&gt;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 &mdash; never there, just closer
+  and closer, always finding vast new oceans of undiscovered
+  possibilities. Cleverly designed experiments are the key.&lt;/p&gt;
+ &lt;/blockquote&gt;
+ &lt;figcaption&gt;Carl Sagan, in "&lt;cite&gt;Wonder and Skepticism&lt;/cite&gt;", from
+ the &lt;cite&gt;Skeptical Enquirer&lt;/cite&gt; Volume 19, Issue 1 (January-February
+ 1995)&lt;/cite&gt;&lt;/figcaption&gt;
+&lt;/figure&gt;</pre>
+
+  </div>
+
   <div class=example>
 
    <p>This next example shows the use of <code><a href=#the-cite-element>cite</a></code> alongside

source

@@ -19704,6 +19704,32 @@ a friend lost to the
 
   </div>
 
+  <div class="example">
+
+   <p>Here a <code>blockquote</code> element is used in conjunction
+   with a <code>figure</code> element and its <code>figcaption</code>
+   to clearly relate a quote to its attribution (which is not part of
+   the quote and therefore doesn't belong inside the
+   <code>blockquote</code> itself):</p>
+
+   <pre>&lt;figure>
+ &lt;blockquote>
+  &lt;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 &mdash; never there, just closer
+  and closer, always finding vast new oceans of undiscovered
+  possibilities. Cleverly designed experiments are the key.&lt;/p>
+ &lt;/blockquote>
+ &lt;figcaption>Carl Sagan, in "&lt;cite>Wonder and Skepticism&lt;/cite>", from
+ the &lt;cite>Skeptical Enquirer&lt;/cite> Volume 19, Issue 1 (January-February
+ 1995)&lt;/cite>&lt;/figcaption>
+&lt;/figure></pre>
+
+  </div>
+
   <div class="example">
 
    <p>This next example shows the use of <code>cite</code> alongside