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>
新聞熱點
疑難解答