HTML5 定义页脚

    ■知识点

    footer表示脚注，用来标识文档或节的页脚。可以用在article、aside、blockquote、body、details、 fieldset、figure、nav、secti on或td结构的页脚，页脚通常包含关于它所在区块的信息，如指向相关文档的链接、版权信息、作者及其他类似条目。页脚并不一定要位于所在元素的末尾。

    当footer作为body的页脚时，一般位于页面底部，作为整个页面的页脚，包含版权信息、使用条款 链接、联系信息等。

    ■实例设计

【示例1】在下面的示例中，这个footer代表页面的页脚，因为它最近的祖先是body元素。

cheader role=f,bannern>

    <nav role=,fnavigationn>链接列表</nav>

</header>

<main role=,,mainl,>

    <article>

        <hl id="gaudi">主要标题</hl>

        <h2> 次标题</h2>

    </article>

</main>

<aside role=ncomplementary">

    <hl>次标题</hl>

</aside>

<footer>

    <p><small> 版权信息</small></p>

</footer>

    footer元素本身不会为文本添加任何默认样式。这里，版权信息的字号比普通文本的小，这是因为它嵌套在small元素里。

【示例2】在下面的示例中，第1个footer包含在article内，因此属于该article的页脚；第2个footer是页面级的，只能对页面级的footer使用role=ncontentinfo"，且一个页面只能使用一次。

<article>

    <hl>文章标题</h1>

    <P>文章内容<“>

    <footer>

        <p>注释信息</p>

        <address><a href="#">W3C</a></address〉

    </footer>

</article>

<footer role="content info">版权信息</footer〉