《HTML 5与CSS 3 权威指南(第4版·上册)》 —3.2.2 footer元素

举报
华章计算机 发表于 2019/11/23 23:34:02 2019/11/23
【摘要】 本节书摘来自华章计算机《HTML 5与CSS 3 权威指南(第4版·上册)》一书中第3章,第3.2.2节,作者是陆凌牛。

3.2.2 footer元素

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

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

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

image.png

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

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

image.png

image.png

与header元素一样,一个页面中也不限制只可以用一个footer元素。同时,可以为article元素或section元素添加footer元素,来看下面两个示例。

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

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

image.png

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

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

image.png


【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。