[html5] r6090 - [e] (0) Work on making it clearer that 'footer' is fine for 'fat footers'. Fixin [...]
whatwg at whatwg.org
whatwg at whatwg.org
Thu May 5 17:05:24 PDT 2011
Author: ianh
Date: 2011-05-05 17:05:23 -0700 (Thu, 05 May 2011)
New Revision: 6090
Modified:
complete.html
index
source
Log:
[e] (0) Work on making it clearer that 'footer' is fine for 'fat footers'.
Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=12250
Modified: complete.html
===================================================================
--- complete.html 2011-05-05 23:39:02 UTC (rev 6089)
+++ complete.html 2011-05-06 00:05:23 UTC (rev 6090)
@@ -239,7 +239,7 @@
<header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1>Web Applications 1.0</h1>
- <h2 class="no-num no-toc">Living Standard — Last Updated 5 May 2011</h2>
+ <h2 class="no-num no-toc">Living Standard — Last Updated 6 May 2011</h2>
</hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
@@ -17360,6 +17360,11 @@
information about its section such as who wrote it, links to related
documents, copyright data, and the like.</p>
+ <p>When the <code><a href=#the-footer-element>footer</a></code> element contains entire sections,
+ they <a href=#represents title=represents>represent</a> appendices, indexes,
+ long colophons, verbose license agreements, and other such
+ content.</p>
+
<p class=note>Contact information for the author or editor of a
section 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>
@@ -17367,19 +17372,14 @@
<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,
- they <a href=#represents title=represents>represent</a> appendices, indexes,
- long colophons, verbose license agreements, and other such
- content.</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-0>the body
+ element</a>, then it applies to the whole page.</p>
<p class=note>The <code><a href=#the-footer-element>footer</a></code> element is not
<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-0>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
@@ -17445,7 +17445,48 @@
</div>
+ <div class=example>
+ <p>Some site designs have what is sometimes referred to as "fat
+ footers" — footers that contain a lot of material, including
+ images, links to other articles, links to pages for sending
+ feedback, special offers... in some ways, a whole "front page" in
+ the footer.</p>
+
+ <p>This fragment shows the bottom of a page on a site with a "fat
+ footer":</p>
+
+ <pre>...
+ <footer>
+ <nav>
+ <section>
+ <h1>Articles</h1>
+ <p><img src="images/somersaults.jpeg" alt=""> Go to the gym with
+ our somersaults class! Our teacher Jim takes you through the paces
+ in this two-part article. <a href="articles/somersaults/1">Part
+ 1</a> · <a href="articles/somersaults/1">Part 2</a></p>
+ <p><img src="images/kindplus.jpeg"> Tired of walking on the edge of
+ a clif<!-- sic -->? Our guest writer Lara shows you how to bumble
+ your way through the bars. <a href="articles/kindplus/1">Read
+ more...</a></p>
+ <p><img src="images/crisps.jpeg"> The chips are down, now all
+ that's left is a potato. What can you do with it? <a
+ href="articles/crisps/1">Read more...</a></p>
+ </section>
+ <ul>
+ <li> <a href="/about">About us...</a>
+ <li> <a href="/feedback">Send feedback!</a>
+ <li> <a href="/sitemap">Sitemap</a>
+ </ul>
+ </nav>
+ <p><small>Copyright © 2015 The Snacker —
+ <a href="/tos">Terms of Service</a></small></p>
+ </footer>
+</body></pre>
+
+ </div>
+
+
<h4 id=the-address-element><span class=secno>4.4.10 </span>The <dfn><code>address</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
Modified: index
===================================================================
--- index 2011-05-05 23:39:02 UTC (rev 6089)
+++ index 2011-05-06 00:05:23 UTC (rev 6090)
@@ -243,7 +243,7 @@
<header class=head id=head><p><a class=logo href=http://www.whatwg.org/ rel=home><img alt=WHATWG height=101 src=/images/logo width=101></a></p>
<hgroup><h1 class=allcaps>HTML</h1>
- <h2 class="no-num no-toc">Living Standard — Last Updated 5 May 2011</h2>
+ <h2 class="no-num no-toc">Living Standard — Last Updated 6 May 2011</h2>
</hgroup><p>You can take part in this work. <a href=http://www.whatwg.org/mailing-list>Join the working group's discussion list.</a></p>
<p><strong>Web designers!</strong> We have a <a href=http://blog.whatwg.org/faq/>FAQ</a>, a <a href=http://forums.whatwg.org/>forum</a>, and a <a href=http://www.whatwg.org/mailing-list#help>help mailing list</a> for you!</p>
<!--<p class="impl"><strong>Implementors!</strong> We have a <a href="http://www.whatwg.org/mailing-list#implementors">mailing list</a> for you too!</p>-->
@@ -17385,6 +17385,11 @@
information about its section such as who wrote it, links to related
documents, copyright data, and the like.</p>
+ <p>When the <code><a href=#the-footer-element>footer</a></code> element contains entire sections,
+ they <a href=#represents title=represents>represent</a> appendices, indexes,
+ long colophons, verbose license agreements, and other such
+ content.</p>
+
<p class=note>Contact information for the author or editor of a
section 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>
@@ -17392,19 +17397,14 @@
<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,
- they <a href=#represents title=represents>represent</a> appendices, indexes,
- long colophons, verbose license agreements, and other such
- content.</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-0>the body
+ element</a>, then it applies to the whole page.</p>
<p class=note>The <code><a href=#the-footer-element>footer</a></code> element is not
<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-0>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
@@ -17470,7 +17470,48 @@
</div>
+ <div class=example>
+ <p>Some site designs have what is sometimes referred to as "fat
+ footers" — footers that contain a lot of material, including
+ images, links to other articles, links to pages for sending
+ feedback, special offers... in some ways, a whole "front page" in
+ the footer.</p>
+
+ <p>This fragment shows the bottom of a page on a site with a "fat
+ footer":</p>
+
+ <pre>...
+ <footer>
+ <nav>
+ <section>
+ <h1>Articles</h1>
+ <p><img src="images/somersaults.jpeg" alt=""> Go to the gym with
+ our somersaults class! Our teacher Jim takes you through the paces
+ in this two-part article. <a href="articles/somersaults/1">Part
+ 1</a> · <a href="articles/somersaults/1">Part 2</a></p>
+ <p><img src="images/kindplus.jpeg"> Tired of walking on the edge of
+ a clif<!-- sic -->? Our guest writer Lara shows you how to bumble
+ your way through the bars. <a href="articles/kindplus/1">Read
+ more...</a></p>
+ <p><img src="images/crisps.jpeg"> The chips are down, now all
+ that's left is a potato. What can you do with it? <a
+ href="articles/crisps/1">Read more...</a></p>
+ </section>
+ <ul>
+ <li> <a href="/about">About us...</a>
+ <li> <a href="/feedback">Send feedback!</a>
+ <li> <a href="/sitemap">Sitemap</a>
+ </ul>
+ </nav>
+ <p><small>Copyright © 2015 The Snacker —
+ <a href="/tos">Terms of Service</a></small></p>
+ </footer>
+</body></pre>
+
+ </div>
+
+
<h4 id=the-address-element><span class=secno>4.4.10 </span>The <dfn><code>address</code></dfn> element</h4>
<dl class=element><dt>Categories</dt>
Modified: source
===================================================================
--- source 2011-05-05 23:39:02 UTC (rev 6089)
+++ source 2011-05-06 00:05:23 UTC (rev 6090)
@@ -18617,6 +18617,11 @@
information about its section such as who wrote it, links to related
documents, copyright data, and the like.</p>
+ <p>When the <code>footer</code> element contains entire sections,
+ they <span title="represents">represent</span> appendices, indexes,
+ long colophons, verbose license agreements, and other such
+ content.</p>
+
<p class="note">Contact information for the author or editor of a
section belongs in an <code>address</code> element, possibly itself
inside a <code>footer</code>.</p>
@@ -18624,19 +18629,14 @@
<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,
- they <span title="represents">represent</span> appendices, indexes,
- long colophons, verbose license agreements, and other such
- content.</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>
<p class="note">The <code>footer</code> element is not
<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
@@ -18702,7 +18702,48 @@
</div>
+ <div class="example">
+ <p>Some site designs have what is sometimes referred to as "fat
+ footers" — footers that contain a lot of material, including
+ images, links to other articles, links to pages for sending
+ feedback, special offers... in some ways, a whole "front page" in
+ the footer.</p>
+
+ <p>This fragment shows the bottom of a page on a site with a "fat
+ footer":</p>
+
+ <pre>...
+ <footer>
+ <nav>
+ <section>
+ <h1>Articles</h1>
+ <p><img src="images/somersaults.jpeg" alt=""> Go to the gym with
+ our somersaults class! Our teacher Jim takes you through the paces
+ in this two-part article. <a href="articles/somersaults/1">Part
+ 1</a> · <a href="articles/somersaults/1">Part 2</a></p>
+ <p><img src="images/kindplus.jpeg"> Tired of walking on the edge of
+ a clif<!-- sic -->? Our guest writer Lara shows you how to bumble
+ your way through the bars. <a href="articles/kindplus/1">Read
+ more...</a></p>
+ <p><img src="images/crisps.jpeg"> The chips are down, now all
+ that's left is a potato. What can you do with it? <a
+ href="articles/crisps/1">Read more...</a></p>
+ </section>
+ <ul>
+ <li> <a href="/about">About us...</a>
+ <li> <a href="/feedback">Send feedback!</a>
+ <li> <a href="/sitemap">Sitemap</a>
+ </ul>
+ </nav>
+ <p><small>Copyright © 2015 The Snacker —
+ <a href="/tos">Terms of Service</a></small></p>
+ </footer>
+</body></pre>
+
+ </div>
+
+
<h4>The <dfn><code>address</code></dfn> element</h4>
<dl class="element">
More information about the Commit-Watchers
mailing list