The footer tag,html5知识,底部的标签!

你可能习惯看到网站页脚——他们通常含有版权的东西,一些选定的导航链接,也许联系信息。就像<header>元素,<footer>元素不引入一个新的部分在你的文档,但是是最后一部分特定的部分——无论是一个<article>,<section>或其他部分。

这意味着,你可以有多个页脚在同一页上——如果你有几个博客条目一页,每一个博客条目可以有它自己的页脚和页本身可以有它自己的页脚。

使用面粉的文章作为一个例子,您可以使用<footer>元素如下:

</header>
<div id="content">
        <h2>The Two Types of Wheat</h2></div>
<footer>
        <p class="disclaimer">This article is copyright of AllRecipes.com</p>
        <p><a href="http://allrecipes.com/howto/all-about-flour/">See the original article here</a></p>
        <p>Part of <a href="http://www.html5-tutorials.org">HTML5-tutorials.org</a></p>
</footer>
</article>

如果你只脚包含链接,<footer>标记应采用这种方式:

<footer>
        <ul>
                <li>About us</li>
                <li>Contact</li></ul>
</footer>

和页脚应该包含吗?内容相关的部分的内容但没有实际内容的一部分。

关于博客条目,<footer>可能是你有你的相关条目,评论,facebook像按钮和出版日期(如果你没有这个在<header>部分)。

你已经学会了:

页脚总是最后一个给定部分的一部分,而不是文档

<footer>元素嵌套在它的父元素

因此你可以有几页脚在同一文档

页脚通常包含有关其部分为作者、出版日期、版权等。

<footer>元素是一个块级元素。

 

 

转载于:https://www.cnblogs.com/guanpeiduo/p/oeks.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值