Vue 3移动Web开发与性能调优实战
上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>中并置于页面底部,这是很多网站的标配。