<p class="zw">我在2004年对一些元素的使用情况进行过调研，Google也做过类似的调研，我们都发现：大多数设计师都会标注页脚，通常包含联系人和版权信息——这就是页脚。</p> <p class="zw">在典型的HTML4.01和XHTML1.0文档中，页脚通常会是一个<code>div</code>并带有一个值为<code>footer</code>的<code>class</code>属性。</p> <pre class="代码无行号"><code><div class="footer"> […] </div></code></pre> <p class="zw">我们甚至可以使用<code>footer</code>元素来替换蹩脚的<code>div</code>布局。</p> <pre class="代码无行号"><code><footer> <h3>It's Hardboiled</h3> <small>Creative Commons Attribution-ShareAlike 4.0 International License.</small> </footer></code></pre> <p class="zw">虽然它的名字叫做页脚，但我们没必要将它放在页面、<code>section</code>或者<code>article</code>的底部。事实上，在任何一个容器元素中都可以放一个。就像<code>header</code>一样，我们可以使用<code>footer</code>来定义任何<code>section</code>或<code>article</code>中的meta信息。在<code>article</code>内部，页脚应该包含作者信息或者发布时间。而<code>section</code>的页脚应该包含文章的更新时间或新文章的添加时间等相关信息。</p> <pre class="代码无行号"><code><section id="spillane"> <header> <h1>Mickey Spillane</h1> </header> <footer> <small>Published by Andy Clarke on 20th Nov. 2015</small> </footer> </section></code></pre>
