[a] (0) Try to clarify <footer>.

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

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

index

    <dt>DOM interface:</dt>
    <dd>Uses <code><a href=#htmlelement>HTMLElement</a></code>.</dd>
   </dl><p>The <code><a href=#the-footer-element>footer</a></code> element <a href=#represents>represents</a> a footer
-  for its nearest ancestor <a href=#sectioning-content>sectioning content</a>. A footer
-  typically contains information about its section such as who wrote
-  it, links to related documents, copyright data, and the like.</p>
+  for its nearest ancestor <a href=#sectioning-content>sectioning content</a> or
+  <a href=#sectioning-root>sectioning root</a> element. A footer typically contains
+  information about its section such as who wrote it, links to related
+  documents, copyright data, and the like.</p>
 
   <p class=note>Contact information belongs in an
   <code><a href=#the-address-element>address</a></code> element, possibly itself inside a
   <code><a href=#the-footer-element>footer</a></code>.</p>
 
-  <p>Footers don't necessarily have to appear at the end of a section,
+  <p>Footers don't necessarily have to appear at the <em>end</em> of a section,
   though they usually do.</p>
 
   <p>When the <code><a href=#the-footer-element>footer</a></code> element contains entire sections,
   <a href=#sectioning-content>sectioning content</a>; it doesn't introduce a new
   section.</p>
 
+  <p>When the nearest ancestor <a href=#sectioning-content>sectioning content</a> or
+  <a href=#sectioning-root>sectioning root</a> element is <a href=#the-body-element>the body
+  element</a>, then it applies to the whole page.</p>
+
   <div class=example>
 
    <p>Here is a page with two footers, one at the top and one at the
 
   </div>
 
+  <div class=example>
+
+   <p>Here is an example which shows the <code><a href=#the-footer-element>footer</a></code> element
+   being used both for a site-wide footer and for a section
+   footer.</p>
+
+   <pre>&lt;!DOCTYPE HTML&gt;
+&lt;HTML&gt;&lt;HEAD&gt;
+&lt;TITLE&gt;The Ramblings of a Scientist&lt;/TITLE&gt;
+&lt;BODY&gt;
+&lt;H1&gt;The Ramblings of a Scientist&lt;/H1&gt;
+&lt;ARTICLE&gt;
+ &lt;H1&gt;Episode 15&lt;/H1&gt;
+ &lt;VIDEO SRC="/fm/015.ogv" CONTROLS AUTOBUFFER&gt;
+  &lt;P&gt;&lt;A HREF="/fm/015.ogv"&gt;Download video&lt;/A&gt;.&lt;/P&gt;
+ &lt;/VIDEO&gt;
+ &lt;FOOTER&gt; &lt;!-- footer for article --&gt;
+  &lt;P&gt;Published &lt;TIME PUBDATE DATETIME="2009-10-21T18:26-07:00"&gt;&lt;/TIME&gt;&lt;/P&gt;
+ &lt;/FOOTER&gt;
+&lt;/ARTICLE&gt;
+&lt;ARTICLE&gt;
+ &lt;H1&gt;My Favorite Trains&lt;/H1&gt;
+ &lt;P&gt;I love my trains. My favorite train of all time is a K&ouml;f.&lt;/P&gt;
+ &lt;P&gt;It is fun to see them pull some coal cars because they look so
+ dwarfed in comparison.&lt;/P&gt;
+ &lt;FOOTER&gt; &lt;!-- footer for article --&gt;
+  &lt;P&gt;Published &lt;TIME PUBDATE DATETIME="2009-09-15T14:54-07:00"&gt;&lt;/TIME&gt;&lt;/P&gt;
+ &lt;/FOOTER&gt;
+&lt;/ARTICLE&gt;
+&lt;FOOTER&gt; &lt;!-- site wide footer --&gt;
+ &lt;NAV&gt;
+  &lt;P&gt;&lt;A HREF="/credits.html"&gt;Credits&lt;/A&gt; &mdash;
+     &lt;A HREF="/tos.html"&gt;Terms of Service&lt;/A&gt; &mdash;
+     &lt;A HREF="/index.html"&gt;Blog Index&lt;/A&gt;&lt;/P&gt;
+ &lt;/NAV&gt;
+ &lt;P&gt;Copyright &copy; 2009 Gordon Freeman&lt;/P&gt;
+&lt;/FOOTER&gt;
+&lt;/BODY&gt;
+&lt;/HTML&gt;</pre>
+
+  </div>
+
 
   <h4 id=the-address-element><span class=secno>4.4.10 </span>The <dfn><code>address</code></dfn> element</h4>
 

source

   </dl>
 
   <p>The <code>footer</code> element <span>represents</span> a footer
-  for its nearest ancestor <span>sectioning content</span>. A footer
-  typically contains information about its section such as who wrote
-  it, links to related documents, copyright data, and the like.</p>
+  for its nearest ancestor <span>sectioning content</span> or
+  <span>sectioning root</span> element. A footer typically contains
+  information about its section such as who wrote it, links to related
+  documents, copyright data, and the like.</p>
 
   <p class="note">Contact information belongs in an
   <code>address</code> element, possibly itself inside a
   <code>footer</code>.</p>
 
-  <p>Footers don't necessarily have to appear at the end of a section,
+  <p>Footers don't necessarily have to appear at the <em>end</em> of a section,
   though they usually do.</p>
 
   <p>When the <code>footer</code> element contains entire sections,
   <span>sectioning content</span>; it doesn't introduce a new
   section.</p>
 
+  <p>When the nearest ancestor <span>sectioning content</span> or
+  <span>sectioning root</span> element is <span>the body
+  element</span>, then it applies to the whole page.</p>
+
   <div class="example">
 
    <p>Here is a page with two footers, one at the top and one at the
 
   </div>
 
+  <div class="example">
+
+   <p>Here is an example which shows the <code>footer</code> element
+   being used both for a site-wide footer and for a section
+   footer.</p>
+
+   <pre>&lt;!DOCTYPE HTML>
+&lt;HTML>&lt;HEAD>
+&lt;TITLE>The Ramblings of a Scientist&lt;/TITLE>
+&lt;BODY>
+&lt;H1>The Ramblings of a Scientist&lt;/H1>
+&lt;ARTICLE>
+ &lt;H1>Episode 15&lt;/H1>
+ &lt;VIDEO SRC="/fm/015.ogv" CONTROLS AUTOBUFFER>
+  &lt;P>&lt;A HREF="/fm/015.ogv">Download video&lt;/A>.&lt;/P>
+ &lt;/VIDEO>
+ &lt;FOOTER> &lt;!-- footer for article -->
+  &lt;P>Published &lt;TIME PUBDATE DATETIME="2009-10-21T18:26-07:00">&lt;/TIME>&lt;/P>
+ &lt;/FOOTER>
+&lt;/ARTICLE>
+&lt;ARTICLE>
+ &lt;H1>My Favorite Trains&lt;/H1>
+ &lt;P>I love my trains. My favorite train of all time is a K&ouml;f.&lt;/P>
+ &lt;P>It is fun to see them pull some coal cars because they look so
+ dwarfed in comparison.&lt;/P>
+ &lt;FOOTER> &lt;!-- footer for article -->
+  &lt;P>Published &lt;TIME PUBDATE DATETIME="2009-09-15T14:54-07:00">&lt;/TIME>&lt;/P>
+ &lt;/FOOTER>
+&lt;/ARTICLE>
+&lt;FOOTER> &lt;!-- site wide footer -->
+ &lt;NAV>
+  &lt;P>&lt;A HREF="/credits.html">Credits&lt;/A> &mdash;
+     &lt;A HREF="/tos.html">Terms of Service&lt;/A> &mdash;
+     &lt;A HREF="/index.html">Blog Index&lt;/A>&lt;/P>
+ &lt;/NAV>
+ &lt;P>Copyright &copy; 2009 Gordon Freeman&lt;/P>
+&lt;/FOOTER>
+&lt;/BODY>
+&lt;/HTML></pre>
+
+  </div>
+
 
   <h4>The <dfn><code>address</code></dfn> element</h4>