HTML5 定義頁腳

    ■知識點

    footer表示腳注，用來標識文檔或節(jié)的頁腳?？梢杂迷赼rticle、aside、blockquote、body、details、 fieldset、figure、nav、secti on或td結(jié)構(gòu)的頁腳，頁腳通常包含關(guān)于它所在區(qū)塊的信息，如指向相關(guān)文檔的鏈接、版權(quán)信息、作者及其他類似條目。頁腳并不一定要位于所在元素的末尾。

    當footer作為body的頁腳時，一般位于頁面底部，作為整個頁面的頁腳，包含版權(quán)信息、使用條款 鏈接、聯(lián)系信息等。

    ■實例設(shè)計

【示例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> 版權(quán)信息</small></p>

</footer>

    footer元素本身不會為文本添加任何默認樣式。這里，版權(quán)信息的字號比普通文本的小，這是因為它嵌套在small元素里。

【示例2】在下面的示例中，第1個footer包含在article內(nèi)，因此屬于該article的頁腳；第2個footer是頁面級的，只能對頁面級的footer使用role=ncontentinfo"，且一個頁面只能使用一次。

<article>

    <hl>文章標題</h1>

    <P>文章內(nèi)容<“>

    <footer>

        <p>注釋信息</p>

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

    </footer>

</article>

<footer role="content info">版權(quán)信息</footer〉