HTML5 定義主要區(qū)域

    ■知識點

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

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

    ■實例設計

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

    <header role="banner">

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

    </header>

    <main role="main">

    <article>

    <hl id="gaudi">主要標題</hl>

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

    </article>

    </main>

    <aside role="complementary">

    <hl>側邊標題</h1>

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

    </aside>

    <footer role="info">[版權]</footer〉