插件窝 干货文章 html标签中<section>与<article> 区别

html标签中<section>与<article> 区别

html标签 section article 1163    来源:插件窝    2019-10-08

<section>与<article>都是为更为精确语义化布局而生,两者相同之处。

自然也有不同点,否则创建两个标签就多此一举了,下面详细做一下介绍。

一.两者关系阐述:

(1).article:翻译成汉语具有"文章"的意思。

(2).section:翻译成汉语局域"章"或者"节"的意思。

如果说<article>标签是一篇文章的话,那么<section>标签就是其中的一个段落或者一个小章节。

当然你不能因此说,<article>与<section>两者是从属关系,它们两个是可以相互嵌套的。

两个标签的异同点简单总结如下:

(1).<article>是一种特殊的<section>,用<article>都可以用<section>。

(2).<article>强调整体性与独立性,语义更加明确。

(3).<section>强调的是对整体内容进行划分区域,独立性和语义明确性比<article>差。

特别说明:两标签都是为页面布局语义化更强,在表现上并没有任何特殊之处,和一个普通div相同。


总结如下:

(1).总体上一篇文章,很明显具有很好的独立性,所以最外层用<article>包裹比较恰当。

(2).文章的评论属于文章的一个一部分或者一个功能分区,所以使用<section>包裹。

(3).文章评论的单独一条可以看做一个独立的整体,所以使用<article>更为恰当。


上一篇:没有了