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>元素是一个块级元素。

 

 

posted @ 2013-09-26 17:42  guanpeiduo日常学习  阅读(721)  评论(0编辑  收藏  举报
健长乐胶囊经验的博客,博主喜欢健长乐!