上QQ阅读APP看书,第一时间看更新
2.3 <footer>标签
同<header>标签对应的是<footer>标签,正所谓“一头一尾”。<footer>标签也是HTML 5引入的新标签之一,如果翻译成中文,那么可以理解成底部内容或者是页脚内容。顾名思义,我们可以将网页结尾的部分内容放在<footer>标签里面来显示。接下来新增<footer>标签,如示例代码2-3-1所示。
示例代码2-3-1 <footer>标签
<footer>标签在样式上和<div>标签没有什么区别,但是在使用时需要注意语义化和规范:
· 根据语义化的规范,<footer>标签大多数包括多个子元素,有网站的所有者信息、备案信息、姓名、文件的创建日期以及联系信息等。
· 在一个HTML页面中,某些业务逻辑情况下可以定义多个<footer>标签,并且在每个<section>标签中都可以有一个<footer>标签,这一点不受限制。
· 尽量不要把<footer>标签放在<header>标签中或者另一个<footer>标签内部。
<footer>标签通常是在页面底部,与之搭配的CSS样式可以采用fixed定位,代码如下:
将网站的所有者信息、备案信息等放在<footer>中并置于页面底部,这是很多网站的标配。