<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>section元素</title>
</head>
<body>
<section>
<h1>苹果</h1>
<p>这是一种水果</p>
</section>
<article> <!--article元素更强调独立性,HTML5中可看作特殊类的section元素-->
<h1>苹果</h1>
<p>这是一种水果</p>
<section>
<h2>红富士</h2>
<p>这是一种很好吃的苹果</p>
</section>
<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>
<!--section元素强调分段或分块,不能作为设置样式页面的容器(div)
如果article元素更符合使用条件,不用section元素,不对没有标题的
区域块使用section元素-->