html网页制作学习：[4]section与article区别

2025-04-20 07:46:00

section与article元素都是用于定义文件中的特定内容区段（块）,section元素的标签内容通常是一篇文章或文章的一节，因此，section元素可视为一个区域分组元素，而article通常用来定义文件网页内容，网站或其他应用的一个独立外部内容区块这个内容通常是来自某个Blog的文章论坛的讨论内容，或是某个新闻网站发布的消息等。

工具/原料

DW，或其它网页编辑工具

section元素说明

1、在文件纲要中，当有特定的内容要明显的标示出来时，我们就可以利用section元素标签来包括此需要明显标示出来的特定文件内容。section有个特定的属性即是cite，cite的属性值是用来指定section元素的标签内容来自于URI,cite的属性值是字符串（URI).例子：<section cite="http://jingyan.baidu.com/article/a681b0de3508693b18434636.html">~</section>

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>效果

article元素说明

1、article标签内可以放置section标签来表现该内容DIV块的章节内容或是在section标签再旋转article标签。

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>

article与section的区别

1、我们来举个例子，我们来相像一个报纸，报纸有很多版，第一版都是一个section但是第一版中又会有多个文章article.而每个文章中又包含多个section。可能有的时候不需要这样，但是关系就是这样，大家可以好好口味。

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。