HTML5 定義區(qū)塊

    ■知識點

    section表示區(qū)塊，用于標識文檔中的節(jié)，多用于對內容進行分區(qū)，如章節(jié)、頁眉、頁腳或文檔中的其他部分。

    ■實例設計

【示例1】下面的代碼把主體區(qū)域劃分3個獨立的區(qū)塊。

<main role="main">

    <hl>主要標題</h1>

    <section>

        <h2>g塊標題 l</h2>

        <ul> [標題列表</ul>

    </section>

    <section>

        <h2>區(qū)塊標題2</h2>

        <ul> [標題列表</ul>

    </section>

    <section>

        <h2>E塊標題3</h2>

        <ul>[標題列表</ul>

    </section>

</main>

【示例2】幾乎任何新聞網站都會對新聞進行分類。每個類別都可以標記為一個section。

<hl>網頁標題</h1>

<section>

    <h2>E塊標題 l</h2>

    <ol>

        <1;1>列表項目l</li>

        <1;1>列表項目2</li>

        <1;1>列表項目3</li>

    </o1>

</section>

<section>

    <h2>區(qū)塊標題2</h2>

    <ol>

        <li>列表項目l</li>

    </ol>

</section>