section与article区别

最新推荐文章于 2021-09-25 09:44:18 发布

weixin_33691817

最新推荐文章于 2021-09-25 09:44:18 发布

阅读量448

点赞数

原文链接：http://www.cnblogs.com/zhp404/articles/4149574.html

版权

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>

效果

END

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>

END

article与section的区别

1

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

END

注意事项

其实article与section的区别并不大，大家没能必要去深究这两者有什么关系。。
在合适的地方来应用合适的东西就好了。

转载于:https://www.cnblogs.com/zhp404/articles/4149574.html

weixin_33691817

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
section与article区别

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

扫一扫