HTML5 教程学习 - HTML5+CSS3 实战(9) 页脚
时隔两天，我们继续HTML5+CSS3实战学习。在之前一篇里面呢，我们搞定了页面的附加栏目部分，包括博客链接啊收藏分享啊一类的东东；今天我们来搞页脚。
既然是页脚，使用<footer>也就合情合理没什么悬念了，根据W3C的规范草案：
footer元素可以作为其直接父级内容区块或是一个根区块的结尾。footer通常包括其相关区块的附加信息，如作者、相关阅读链接以及版权信息等。
更多有关<footer>的详情可以参见“HTML5 教程学习 - footer元素标签”；再参照一下之前设计图中的页脚部分，可以发现我们页脚的父容器是根节点<body>，里面的内容包括站点名称啊说明啊作者啊版权啊一类的信息，符合草案的描述；没问题，我们继续。
在<footer>内部，我们使用<address>标签来封装站点说明及作者信息(有关<address>的详情可参见“HTML5 教程学习 - address元素标签”一文)，并使用hCard微格式增强代码语义化；对于版权声明，我们使用普通的<p>标签即可。下面就是页脚部分完整的代码了：
<footer id="contentinfo" class="body">
<address id="about" class="vcard body">
<span class="primary">
<strong><a href="#" class="fn url">Smashing Magazine</a></strong>
<span class="role">Amazing Magazine</span>
</span><!-- /.primary -->
<img src="images/avatar.gif" alt="Smashing Magazine Logo" class="photo" />
<span class="bio">Smashing Magazine is a website...founded by Sven Lennartz and Vitaly Friedman.</span>
</address><!-- /#about -->
<p>2005-2009 <a href="http://smashingmagazine.com">Smashing Magazine</a>.</p>
</footer><!-- /#contentinfo -->
译者：Viiiix7210
原文参考：Coding A HTML 5 Layout From Scratch
| < Prev | Next > |
|---|
