2.10.2section 元素

    xiaoxiao2021-03-26  48

     

    section:强调分段或分块;将一块内容分为几段,用section。

    1.不要将section元素作为设置样式的页面容器。因为那是div的工作。

    2.如果article、aside、nav元素更符合使用条件,那么不要使用section元素。

    3.不要未标题的内容区域使用section元素,section元素存在一个标题。

    article:1.看成特殊的section元素,它比section元素更加强调独立性。

               2.一块内容相对独立或完整的时候用article元素。

    div:作为一个容器的存在,当使用css样式的时候可以对容器总体使用一个css样式嵌套。

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>section</title> </head> <body> <section> <h1>苹果</h1> <p>这是一个水果,可以吃,非常好吃。</p> </section> <article> <h1>苹果</h1> <p>这是一个水果,可以吃。非常好吃。</p> <section> <h2>红富士</h2> <p>这是一种外表很红的苹果,非常好吃。</p> </section> <section> <h2>国光</h2> <p>这是一种外表很红的苹果,非常好吃。</p> </section> </article> <section> <h1>水果</h1> <article> <h2>苹果</h2> <p>内容</p> </article> <article> <h2>苹果</h2> <p>内容</p> </article> <article> <h2>苹果</h2> <p>内容</p> </article> </section> </body> </html>

    转载请注明原文地址: https://ju.6miu.com/read-661078.html

    最新回复(0)