TA的每日心情 | 开心
2021-3-12 23:18 |
|---|
签到天数: 2 天 [LV.1]初来乍到
|
|
在之前一篇里面呢，我们搞定了页面的附加栏目部分，包括博客链接啊收藏分享啊一类的东东；今天我们来搞页脚。 既然是页脚，使用<footer>也就合情合理没什么悬念了，根据 W3C的规范草案：
[blockquote]
footer元素可以作为其直接父级内容区块或是一个根区块的结尾
。footer通常包括其相关区块的 附加信息，如作者、相关阅读链接以及版权信息等。
[/blockquote] 再参照一下之前设计图中的页脚部分，可以发现我们页脚的父容器是根节点<body>，里面的内容包括站点名称啊说明啊作者啊版权啊一类的信息，符合草案的描述；没问题，我们继续。
在<footer>内部，我们使用<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 -->[/code] |
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2014-11-7 23:55:56