首页前端开发正文

section标签和div区别

朱绪2020-08-102043

关于section标签和div区别,我们先来看div标签吧。

看看

1、

div本身是没有任何语义的,用来布局和样式化标签,可以定义文档内的分区或节,其实就相当于一个容器。

一般都是用作大的框架布局,一个网页整体的骨架就是通过div来构架的。

这是打个比方来说的,div是骨架,那么血肉就是p、span、ul这些元素完成的。

2、

section是html5里新加的一个元素,相比于div,它有更进一步的语义。

section表示页面里的一个内容区块,比如章节、页眉、页脚、又或者是页面中的其他部分。

对了,它可以跟h1,h2,h3等元素结合起来使用,标示这个文档的结构。

3、

关于“section标签和div区别”这个话题,有必要多说一个article元素。

article跟section一样,都是h5里新加的元素。

而且,它比section有更明确的语义。

section代表一个独立的、比较完整的一块与上下内容不相关的独立内容,比如一篇文章。

总结一下:div、section、article这三个语义是从无到有、逐渐增强的。(div没语义,后面两个有语义,而且article比section强)