HTML 5与CSS 3权威指南：footer元素

3.2.3   footer元素

footer元素可以作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息，如作者、相关阅读链接及版权信息等。

在HTML 5出现之前，我们使用下面的方式编写页脚，如代码清单3-16所示。

代码清单3-16   HTML 5之前的页脚示例

　　<div id="footer">

　　<ul>

　　<li>版权信息</li>

　　<li>站点地图</li>

　　<li>联系方式</li>

　　</ul>

　　<div>

但是到了HTML 5之后，这种方式将不再使用，而是使用更加语义化的footer元素来替代，如代码清单3-17所示。

代码清单3-17   footer元素示例

　　<footer>

　　<ul>

　　<li>版权信息</li>

　　<li>站点地图</li>

　　<li>联系方式</li>

　　</ul>

　　</footer>

与header元素一样，一个页面中也未限制footer元素的个数。同时，可以为article元素或section元素添加footer元素，请看下面两个示例。

代码清单3-18为一个在article元素中添加footer元素的示例。

代码清单3-18   在article元素中添加footer元素

　　<article>

　　文章内容

　　<footer>

　　文章的脚注

　　</footer>

　　</article>

代码清单3-19为一个在section元素中添加footer元素的示例。

代码清单3-19   在section元素中添加footer元素

　　<section>

　　分段内容

　　<footer>

　　分段内容的脚注

　　</footer>

　　</section>