HTML5 定義主要區(qū)域

    ■知識點

    main表示主要區(qū)域，用來標(biāo)識網(wǎng)頁中的主要內(nèi)容。main內(nèi)容對于文檔來說應(yīng)當(dāng)是唯一的，它不應(yīng)包含在網(wǎng)頁中重復(fù)出現(xiàn)的內(nèi)容，如側(cè)邊欄、導(dǎo)航欄、版權(quán)信息、站點標(biāo)志或搜索表單等。

    簡單地說，在一個頁面中，不能出現(xiàn)一個以上的main元素。main元素不能被放在article> aside、footer、header或nav中。由于main元素不對頁面內(nèi)容進行分區(qū)或分塊，所以不會對網(wǎng)頁大綱產(chǎn)生影響。

    ■實例設(shè)計

    下面頁面是一個完整的主體結(jié)構(gòu)。main元素包圍著代表頁面主題的內(nèi)容。

    <header role="banner">

    <nav role="navigation"> [包含多個鏈接的ul] </nav>

    </header>

    <main role="main">

    <article>

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

    <p> [頁面主要區(qū)域的其他內(nèi)容]

    </article>

    </main>

    <aside role="complementary">

    <hl>側(cè)邊標(biāo)題</h1>

    <p>[附注欄的其他內(nèi)容]

    </aside>

    <footer role="info">[版權(quán)]</footer〉