html div 知识点,HTML知识点总结之div、section标签

div元素

div是块级元素，至关于一个容器，在语义上不表明任何特定类型的内容。主要用做大的框架布局，也就是说网页的骨架主要经过div来架设的，而网页的血肉则是有span、p或者ul等元素完成。框架

section元素

标签是HTML5新增的语义化标签，表明文档中的“节”或“段”。“段”能够是指一篇文章里按照主题的分段；“节”能够是指一个页面里的分组。主要做用为对页面的内容进行分块或者对文章的内容进行分段。ide

section是块级元素，section标签一般带有一个标题和一个内容块。​布局

article元素​

标签也是HTML5新增的语义化标签，表明一个页面中自成一体的内容，目的是为了让开发者独立开发或重用。譬如论坛的帖子，博客上的文章，一篇用户的评论等。除了内容，article会有一个标题(一般会在header里)和一个footer页脚。article也是块级元素网站

若是在article内部再嵌套article，表明内嵌的article与它外部的内容有关联。spa

section与article的区别：

section和article能够互相嵌套，也就是说他们没有上下级关系，section能够包含article，article也能够包含section。blog

拿报纸举个例子：开发

一份或一张报纸有不少个版块，有头版、国际时事版块、体育版块、娱乐版块、文学版块等等，像这种有版块标题的、内容属于一类的版块就能够用section包起来。文档

而后在各个版块下面，又有不少文章、报道，每篇文章都有本身的文章标题、文章内容。这个时候用article就最好。若是一篇报道太长，分好多段，每段都有本身的小标题，这时候又能够用section把段落包起来。(以上内容来自知乎https://www.zhihu.com/question/20227599 )get

section和div的区别

一、section和div均可以对内容进行分块，可是section是进行有意义的分块，无心义的分块应该由div来作，例如用做设置样式的页面容器。

二、section内部必须有标题，标题也表明了section的意义所在。

注意：

​一、不要将做为用来设置样式或行为的“钩子”容器，那是

的工做。

二、若是、或更符合情况，不要使用。

三、不要为没有标题的内容区块使用。

四、一条简单的准则是，只有元素内容会被列在文档大纲中时，才适合用section元素。