新聞中心
html5中section標(biāo)簽與div標(biāo)簽的區(qū)別是什么?這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容,讓我們一起來看看吧!
先看看section標(biāo)簽的HTML標(biāo)準(zhǔn)中寫的:
每個(gè)section對應(yīng)不同的主題。注意是內(nèi)容本身的主題,而不是其他人為設(shè)定的劃分標(biāo)準(zhǔn)。
section的例子包括書的章節(jié)回目、多tab對話框的每個(gè)tab頁、論文以數(shù)字編號的小節(jié)。網(wǎng)站的主頁可能分成介紹、最新內(nèi)容、聯(lián)系信息等section。
注意:網(wǎng)頁作者應(yīng)使用article而不是section元素,如果其內(nèi)容是用于聚合(syndicate)。比如blog首頁上的每篇blog。又如論壇帖子的一樓、二樓、三樓……n樓。通常這樣的每部分內(nèi)容形式上是類似的,但是來源是獨(dú)立的。
注意:section不是通用容器元素。如果僅僅是用于設(shè)置樣式或腳本處理,應(yīng)用div元素。一條簡單的準(zhǔn)則是,只有元素內(nèi)容會被列在文檔大綱中時(shí),才適合用section元素。
接下來說說html5 section標(biāo)簽和div標(biāo)簽的區(qū)別:
1.section不是一個(gè)專用來做容器的標(biāo)簽,專用的是div
section里應(yīng)該有標(biāo)題(h2~6),但文章中推薦用article來代替
我們可以理解為一個(gè)非文章段落,有明確 id 的一個(gè)特殊模塊容器(不是專用以包住塊的容器)。
也就是說,一般情況下作為元素容器,使用div而不是section,那么section就沒有用了嗎?圖樣圖森破。
這種情況下使用section就比div要好
section,顧名思義就是一個(gè)章節(jié),比如:
創(chuàng)新互聯(lián)建站
歡迎來到創(chuàng)新互聯(lián)建站,這里的網(wǎng)址是www.php.cn
至于為什么要用,是為了語義化,有section、article、dl看這多舒服,人也好理解,計(jì)算機(jī)也好理解,比滿眼的div好多了。
2.人們在標(biāo)簽使用中最常見到的錯(cuò)誤之一就是隨意將HTML5的 div是通用的,所有瀏覽器都支持,section是H5語義化的標(biāo)簽,和 關(guān)于html5中的section標(biāo)簽與div標(biāo)簽的總結(jié): DIV:這個(gè)標(biāo)簽一直是我們見得最多、用得最多的標(biāo)簽。它本身無任何語義,用作布局以及樣式化標(biāo)簽。 Section:與div相似,但它有更進(jìn)一步的語義。section用作一段有專題性的內(nèi)容,一般在它里面會帶有標(biāo)題。 section典型的應(yīng)用場景應(yīng)該是文章的章節(jié)、標(biāo)簽對話框中的標(biāo)簽頁、或者論文中有編號的部分。 感謝各位的閱讀!看完上述內(nèi)容,你們對html5中section標(biāo)簽與div標(biāo)簽的區(qū)別是什么大概了解了嗎?希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。
網(wǎng)頁標(biāo)題:html5中section標(biāo)簽與div標(biāo)簽的區(qū)別是什么-創(chuàng)新互聯(lián)
地址分享:http://www.ef60e0e.cn/article/dhgjsc.html