section与article元素都是用于定义文件中的特定内容区段（块）,section元素的标签内容通常是一篇文章或文章的一节，因此，section元素可视为一个区域分组元素，而article通常用来定义文件网页内容，网站或其他应用的一个独立外部内容区块这个内容通常是来自某个Blog的文章论坛的讨论内容，或是某个新闻网站发布的消息 等。
![html网页制作学习：[4]section与article区别](https://exp-picture.cdn.bcebos.com/7d34fbf4fcf5ee0ded97a963f96b0ce264e7baed.jpg)
工具/原料
DW，或其它网页编辑工具
section元素说明
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><p>第一章内容</p></section><section><h1>第二章</h1><p>第二章内容</p></section></body></html>效果
![html网页制作学习：[4]section与article区别](https://exp-picture.cdn.bcebos.com/b1454a1bd10ff226e0c332ba9c99e92abbb8a4ed.jpg)
article元素说明
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><p>美圆参议院赶在大限来临之前不到12个小明，今天表决通过大规模削减赤字与提高举债上限的法案。。。</p><article>网友A评论</article><article>网友B评论</article></section></body></html>
![html网页制作学习：[4]section与article区别](https://exp-picture.cdn.bcebos.com/a48bc2e8904800fc77ad9bbad42043715edb93ed.jpg)
article与section的区别
1、我们来举个例子，我们来相像一个报纸，报纸有很多版，第一版都是一个section但是第一版中又会有多个文章article.而每个文章中又包含多个section。可能有的时候 不需要这样，但是关系就是这样，大家可以好好口味。
