Skip to content

Commit

Permalink
[e] (0) Work on making it clearer that 'footer' is fine for 'fat foot…
Browse files Browse the repository at this point in the history 
…ers'.

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

git-svn-id: http://svn.whatwg.org/webapps@6090 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
@Hixie
Hixie committed May 6, 2011
1 parent d3471e8 commit 50f60cf
Show file tree
Hide file tree
Showing 3 changed files with 149 additions and 26 deletions.
59 changes: 50 additions & 9 deletions complete.html
View file
Expand Up @@ -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 &mdash; Last Updated 5 May 2011</h2>
<h2 class="no-num no-toc">Living Standard &mdash; 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>-->
Expand Down Expand Up @@ -17360,26 +17360,26 @@ <h4 id=the-footer-element><span class=secno>4.4.9 </span>The <dfn><code>footer</
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>

<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
Expand Down Expand Up @@ -17445,6 +17445,47 @@ <h4 id=the-footer-element><span class=secno>4.4.9 </span>The <dfn><code>footer</

</div>

<div class=example>

<p>Some site designs have what is sometimes referred to as "fat
footers" &mdash; 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>...
&lt;footer&gt;
&lt;nav&gt;
&lt;section&gt;
&lt;h1&gt;Articles&lt;/h1&gt;
&lt;p&gt;&lt;img src="images/somersaults.jpeg" alt=""&gt; Go to the gym with
our somersaults class! Our teacher Jim takes you through the paces
in this two-part article. &lt;a href="articles/somersaults/1"&gt;Part
1&lt;/a&gt; &middot; &lt;a href="articles/somersaults/1"&gt;Part 2&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="images/kindplus.jpeg"&gt; Tired of walking on the edge of
a clif&lt;!-- sic --&gt;? Our guest writer Lara shows you how to bumble
your way through the bars. &lt;a href="articles/kindplus/1"&gt;Read
more...&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="images/crisps.jpeg"&gt; The chips are down, now all
that's left is a potato. What can you do with it? &lt;a
href="articles/crisps/1"&gt;Read more...&lt;/a&gt;&lt;/p&gt;
&lt;/section&gt;
&lt;ul&gt;
&lt;li&gt; &lt;a href="/about"&gt;About us...&lt;/a&gt;
&lt;li&gt; &lt;a href="/feedback"&gt;Send feedback!&lt;/a&gt;
&lt;li&gt; &lt;a href="/sitemap"&gt;Sitemap&lt;/a&gt;
&lt;/ul&gt;
&lt;/nav&gt;
&lt;p&gt;&lt;small&gt;Copyright &copy; 2015 The Snacker &mdash;
&lt;a href="/tos"&gt;Terms of Service&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
&lt;/footer&gt;
&lt;/body&gt;</pre>

</div>


<h4 id=the-address-element><span class=secno>4.4.10 </span>The <dfn><code>address</code></dfn> element</h4>

Expand Down
59 changes: 50 additions & 9 deletions index
View file
Expand Up @@ -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 &mdash; Last Updated 5 May 2011</h2>
<h2 class="no-num no-toc">Living Standard &mdash; 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>-->
Expand Down Expand Up @@ -17385,26 +17385,26 @@ isn't his only passion. He also enjoys other pleasures.&lt;/p&gt;
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>

<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
Expand Down Expand Up @@ -17470,6 +17470,47 @@ isn't his only passion. He also enjoys other pleasures.&lt;/p&gt;

</div>

<div class=example>

<p>Some site designs have what is sometimes referred to as "fat
footers" &mdash; 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>...
&lt;footer&gt;
&lt;nav&gt;
&lt;section&gt;
&lt;h1&gt;Articles&lt;/h1&gt;
&lt;p&gt;&lt;img src="images/somersaults.jpeg" alt=""&gt; Go to the gym with
our somersaults class! Our teacher Jim takes you through the paces
in this two-part article. &lt;a href="articles/somersaults/1"&gt;Part
1&lt;/a&gt; &middot; &lt;a href="articles/somersaults/1"&gt;Part 2&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="images/kindplus.jpeg"&gt; Tired of walking on the edge of
a clif&lt;!-- sic --&gt;? Our guest writer Lara shows you how to bumble
your way through the bars. &lt;a href="articles/kindplus/1"&gt;Read
more...&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="images/crisps.jpeg"&gt; The chips are down, now all
that's left is a potato. What can you do with it? &lt;a
href="articles/crisps/1"&gt;Read more...&lt;/a&gt;&lt;/p&gt;
&lt;/section&gt;
&lt;ul&gt;
&lt;li&gt; &lt;a href="/about"&gt;About us...&lt;/a&gt;
&lt;li&gt; &lt;a href="/feedback"&gt;Send feedback!&lt;/a&gt;
&lt;li&gt; &lt;a href="/sitemap"&gt;Sitemap&lt;/a&gt;
&lt;/ul&gt;
&lt;/nav&gt;
&lt;p&gt;&lt;small&gt;Copyright &copy; 2015 The Snacker &mdash;
&lt;a href="/tos"&gt;Terms of Service&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
&lt;/footer&gt;
&lt;/body&gt;</pre>

</div>


<h4 id=the-address-element><span class=secno>4.4.10 </span>The <dfn><code>address</code></dfn> element</h4>

Expand Down
57 changes: 49 additions & 8 deletions source
View file
Expand Up @@ -18617,26 +18617,26 @@ isn't his only passion. He also enjoys other pleasures.&lt;/p>
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>

<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
Expand Down Expand Up @@ -18702,6 +18702,47 @@ isn't his only passion. He also enjoys other pleasures.&lt;/p>

</div>

<div class="example">

<p>Some site designs have what is sometimes referred to as "fat
footers" &mdash; 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>...
&lt;footer>
&lt;nav>
&lt;section>
&lt;h1>Articles&lt;/h1>
&lt;p>&lt;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. &lt;a href="articles/somersaults/1">Part
1&lt;/a> &middot; &lt;a href="articles/somersaults/1">Part 2&lt;/a>&lt;/p>
&lt;p>&lt;img src="images/kindplus.jpeg"> Tired of walking on the edge of
a clif&lt;!-- sic -->? Our guest writer Lara shows you how to bumble
your way through the bars. &lt;a href="articles/kindplus/1">Read
more...&lt;/a>&lt;/p>
&lt;p>&lt;img src="images/crisps.jpeg"> The chips are down, now all
that's left is a potato. What can you do with it? &lt;a
href="articles/crisps/1">Read more...&lt;/a>&lt;/p>
&lt;/section>
&lt;ul>
&lt;li> &lt;a href="/about">About us...&lt;/a>
&lt;li> &lt;a href="/feedback">Send feedback!&lt;/a>
&lt;li> &lt;a href="/sitemap">Sitemap&lt;/a>
&lt;/ul>
&lt;/nav>
&lt;p>&lt;small>Copyright &copy; 2015 The Snacker &mdash;
&lt;a href="/tos">Terms of Service&lt;/a>&lt;/small>&lt;/p>
&lt;/footer>
&lt;/body></pre>

</div>


<h4>The <dfn><code>address</code></dfn> element</h4>

Expand Down

0 comments on commit 50f60cf

Please sign in to comment.