2.10.2 section元素

section元素

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>section元素</title>
</head>
<body>
    <span>section元素强调分块和分段,article强调独立性</span>
    <ol>
        <li>不要将section元素作为设置样式的页面容器，那是div功能</li>
        <li>如果article、aside 更符合，不要使用section</li>
        <li>不要为没有标题内容的区域块使用section元素，因为section是要存在标题的</li>
    </ol>
    <br/>
    <section>
        <h1>苹果</h1>
        <p>a apple</p>
    </section>

    <article>
        <h1>apple</h1>
        <p>a apple</p>
        <section>
            <h2>红富士</h2>
            <p>a apple</p>
        </section>
    </article>

    <section>
        <h1>苹果</h1>
        <p>a apple</p>
        <article>
            <h1>apple</h1>
            <p>a apple</p>
        </article>
    </section>
</body>
</html>

 

posted @ 2019-06-19 23:04  一只桔子2233  阅读(133)  评论(0)    收藏  举报