html网页制作学习：[4]section与article区别
1、在文件纲要中，当有特定的内容要明显的标示出来时，我们就可以利用section元素标签来包括此需要明显标示出来的特定文件内容。section有个特定的属性即是cite，cite的属性值是用来指定section元素的标签内容来自于URI,cite的属性值是字符串（URI).
例子：
<section cite="http://jingyan.baidu.com/article/a681b0de3508693b18434636.html">~</section>
![html网页制作学习：[4]section与article区别](https://exp-picture.cdn.bcebos.com/bff8683e21c2bbd602896e5c116186254093aeed.jpg)
2、给大家一个例子，定义网页文件中的章节
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我是网页抬头标题，失去你我不难过</title>
</head>
<body>
<section>
<h1>第一章</h1>
第一章内容
</section>
<section>
<h1>第二章</h1>
第二章内容
</section>
</body>
</html>
效果
![html网页制作学习：[4]section与article区别](https://exp-picture.cdn.bcebos.com/b1454a1bd10ff226e0c332ba9c99e92abbb8a4ed.jpg)
1、article标签内可以放置section标签来表现该内容DIV块的章节内容或是在section标签再旋转article标签。
![html网页制作学习：[4]section与article区别](https://exp-picture.cdn.bcebos.com/430174fec314f1c563b742753c27ac5307889ded.jpg)
2、给大家来个例子:引用外部文章评论成为网页文件内容的示例
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我是网页抬头标题，失去你我不难过</title>
</head>
<body>
<section>
<h1>减赤法案奥巴马签署成法律</h1>
美圆参议院赶在大限来临之前不到12个小明，今天表决通过大规模削减赤字与提高举债上限的法案。。。
<article>网友A评论</article>
<article>网友B评论</article>
</section>
</body>
</html>
![html网页制作学习：[4]section与article区别](https://exp-picture.cdn.bcebos.com/a48bc2e8904800fc77ad9bbad42043715edb93ed.jpg)
1、我们来举个例子，我们来相像一个报纸，报纸有很多版，第一版都是一个section但是第一版中又会有多个文章article.而每个文章中又包含多个section。可能有的时候 不需要这样，但是关系就是这样，大家可以好好口味。