资讯专栏INFORMATION COLUMN

html5知识点补充—footer元素的使用

geekidentity / 391人阅读

摘要:使用元素创建脚注顾名思义,元素通常位于页面的底部。与类似,元素可以在单个页面上多次使用,也可以将元素放在中。示例代码使用了一个站点范围的,还在中使用了嵌套的元素。规范中讲到,元素可以包含指向相关文档的链接。

使用footer元素创建脚注

顾名思义,footer元素通常位于页面的底部。尽管footer通常位于某个区域或者页面的底部,但并非总是如此。footer元素旨在包含作者、网站所有者、版权数据、网站规章制度等信息。如果它位于articlesection中,则包含文章发布的日期、标记、分类和其他元数据。

HTML5规范为一个非常常见的Web元素——页面中的版权声明——提供了一个解决方案:

© Copyright HTML5 Cookbook 2011

以上的代码示例一般在放置在标记的前面(版权消息放置在small标记中)。

header类似,footer元素可以在单个页面上多次使用,也可以将footer元素放在article中。示例代码使用了一个站点范围的footer,还在article中使用了嵌套的footer元素。


    

10 things about HTML5

This news article was published on by Tom Leader

Pellentesque habitant morbi tristique....

This news article was published on by Tom Leader

© Copyright HTML5 Cookbook 2011

该示例在一个article中使用了两个footer元素。在新闻或者博文中,文章开头和末尾通常都会显示作者或时间等信息,你可以根据需要多次使用footer

当然也可以在footer元素中加入其他内容,比如导航、合作方的logo、许可协议,以及你经常会看到的“This site is powered by "文本。

HTML5规范中讲到,footer元素可以包含指向相关文档的链接。尽管在之前我们组合使用aside和nave也实现该目的,但是如果footer位于article中,就可以使用它来提供这些信息。它还可以包含其他链接,显示“上一篇文章”、“下一篇文章”链接,


    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/49607.html

相关文章

  • html5识点补充—address元素使用

    摘要:多年以来,开发人员一直错误地使用了元素。因此,下面这种使用方式是错误的为了澄清这一点,将元素定义为显示与它最近的或元素的通信信息。由于元素用于通信信息,所以通常会在中使用。 使用address为元素提供通信信息 规范中将address元素定义为分节元素,与nav或article类似。主要因为我们认为它作为文本级语义更为合适,原因是它的语法与文字内容相关,而不是页面布局。 多年以来,We...

    Dogee 评论0 收藏0
  • 知识整理之HTML篇

    摘要:最近关注的重学前端系列文章,也想把已知的前端知识体系梳理一遍,夯实基础的同时,总结提升。标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。模式是目前最常用的模式。严格模式不允许展示型弃用元素和框架集。中空格不会被自动删除。 最近关注winter的重学前端系列文章,也想把已知的前端知识体系梳理一遍,夯实基础的同时,总结提升。接下来会从HTML、CSS、JS、性能、网络安全、框架通...

    yck 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<