HTML5 定義頁(yè)腳

    ■知識(shí)點(diǎn)

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

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

    ■實(shí)例設(shè)計(jì)

【示例1】在下面的示例中，這個(gè)footer代表頁(yè)面的頁(yè)腳，因?yàn)樗罱淖嫦仁莃ody元素。

cheader role=f,bannern>

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

</header>

<main role=,,mainl,>

    <article>

        <hl id="gaudi">主要標(biāo)題</hl>

        <h2> 次標(biāo)題</h2>

    </article>

</main>

<aside role=ncomplementary">

    <hl>次標(biāo)題</hl>

</aside>

<footer>

    <p><small> 版權(quán)信息</small></p>

</footer>

    footer元素本身不會(huì)為文本添加任何默認(rèn)樣式。這里，版權(quán)信息的字號(hào)比普通文本的小，這是因?yàn)樗短自趕mall元素里。

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

<article>

    <hl>文章標(biāo)題</h1>

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

    <footer>

        <p>注釋信息</p>

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

    </footer>

</article>

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