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>
新闻热点
疑难解答