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

geekidentity 发布于2019-08-01 14:49 / 306人阅读

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

使用footer元素创建脚注

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


    © Copyright HTML5 Cookbook 2011

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

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


    
        10 things about HTML5
        
            This news article was published on 1st April 2011by Tom Leader
        
        Pellentesque habitant morbi tristique....
        
            This news article was published on 1st April 2011by Tom Leader
        
    
    
        © Copyright HTML5 Cookbook 2011

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

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

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


    
        ... all the content for this article...

        
            Previous article | Next article

超融合服务器服务器托管 html5中的元素 Html5元素 html5 所有元素 html5 元素验证

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

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

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

摘要：使用元素创建脚注顾名思义，元素通常位于页面的底部。与类似，元素可以在单个页面上多次使用，也可以将元素放在中。示例代码使用了一个站点范围的，还在中使用了嵌套的元素。规范中讲到，元素可以包含指向相关文档的链接。使用footer元素创建脚注顾名思义，footer元素通常位于页面的底部。尽管footer通常位于某个区域或者页面的底部，但并非总是如此。footer元素旨在包含作者、网站所有者...

妤锋シ 2019-08-02 18:18 评论0 收藏0
html5知识点补充—address元素的使用

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

EastWoodYang 2019-08-02 18:18 评论0 收藏0
html5知识点补充—address元素的使用

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

Dogee 2019-08-01 14:52 评论0 收藏0
知识整理之HTML篇

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

yck 2019-08-02 14:10 评论0 收藏0
知识整理之HTML篇

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

李世赞 2019-08-05 16:05 评论0 收藏0