HTML5 定义区块

    ■知识点

    section表示区块，用于标识文档中的节，多用于对内容进行分区，如章节、页眉、页脚或文档中的其他部分。

    ■实例设计

【示例1】下面的代码把主体区域划分3个独立的区块。

<main role="main">

    <hl>主要标题</h1>

    <section>

        <h2>g块标题 l</h2>

        <ul> [标题列表</ul>

    </section>

    <section>

        <h2>区块标题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>区块标题2</h2>

    <ol>

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

    </ol>

</section>