您的位置：首页 > Web前端 > HTML5

2.10.2section 元素

2017-02-05 15:20 453 查看
 



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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html5
相关文章推荐
新的分享
章节导航