div元素

div是塊級(jí)元素，相當(dāng)于一個(gè)容器，在語(yǔ)義上不代表任何特定類型的內(nèi)容。主要用作大的框架布局，也就是說網(wǎng)頁(yè)的骨架主要通過div來架設(shè)的，而網(wǎng)頁(yè)的血肉則是有span、p或者ul等元素完成。

section元素

標(biāo)簽是HTML5新增的語(yǔ)義化標(biāo)簽，代表文檔中的“節(jié)”或“段”。“段”可以是指一篇文章里按照主題的分段；“節(jié)”可以是指一個(gè)頁(yè)面里的分組。主要作用為對(duì)頁(yè)面的內(nèi)容進(jìn)行分塊或者對(duì)文章的內(nèi)容進(jìn)行分段。

section是塊級(jí)元素，section標(biāo)簽通常帶有一個(gè)標(biāo)題和一個(gè)內(nèi)容塊。?

article元素?

標(biāo)簽也是HTML5新增的語(yǔ)義化標(biāo)簽，代表一個(gè)頁(yè)面中自成一體的內(nèi)容，目的是為了讓開發(fā)者獨(dú)立開發(fā)或重用。譬如論壇的帖子，博客上的文章，一篇用戶的評(píng)論等。除了內(nèi)容，article會(huì)有一個(gè)標(biāo)題(通常會(huì)在header里)和一個(gè)footer頁(yè)腳。article也是塊級(jí)元素

如果在article內(nèi)部再嵌套article，代表內(nèi)嵌的article與它外部的內(nèi)容有關(guān)聯(lián)。

section與article的區(qū)別：

section和article可以互相嵌套，也就是說他們沒有上下級(jí)關(guān)系，section可以包含article，article也可以包含section。

拿報(bào)紙舉個(gè)例子：

一份或一張報(bào)紙有很多個(gè)版塊，有頭版、國(guó)際時(shí)事版塊、體育版塊、娛樂版塊、文學(xué)版塊等等，像這種有版塊標(biāo)題的、內(nèi)容屬于一類的版塊就可以用section包起來。

然后在各個(gè)版塊下面，又有很多文章、報(bào)道，每篇文章都有自己的文章標(biāo)題、文章內(nèi)容。這個(gè)時(shí)候用article就最好。如果一篇報(bào)道太長(zhǎng)，分好多段，每段都有自己的小標(biāo)題，這時(shí)候又可以用section把段落包起來。(以上內(nèi)容來自知乎https://www.zhihu.com/question/20227599 )

section和div的區(qū)別

1、section和div都可以對(duì)內(nèi)容進(jìn)行分塊，但是section是進(jìn)行有意義的分塊，無意義的分塊應(yīng)該由div來做，例如用作設(shè)置樣式的頁(yè)面容器。

2、section內(nèi)部必須有標(biāo)題，標(biāo)題也代表了section的意義所在。

注意：

?1、不要將作為用來設(shè)置樣式或行為的“鉤子”容器，那是

的工作。

2、如果、或更符合狀況，不要使用。

3、不要為沒有標(biāo)題的內(nèi)容區(qū)塊使用。

4、一條簡(jiǎn)單的準(zhǔn)則是，只有元素內(nèi)容會(huì)被列在文檔大綱中時(shí)，才適合用section元素。

內(nèi)容來源于網(wǎng)絡(luò)如有侵權(quán)請(qǐng)私信刪除

總結(jié)

以上是生活随笔為你收集整理的html div 知识点,HTML知识点总结之div、section标签的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。