html5中section標(biāo)簽與div標(biāo)簽的區(qū)別是什么？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

成都創(chuàng)新互聯(lián)公司是一家專注于成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)與策劃設(shè)計(jì),瀘縣網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:瀘縣等地區(qū)。瀘縣做網(wǎng)站價(jià)格咨詢:18980820575

先看看section標(biāo)簽的HTML標(biāo)準(zhǔn)中寫的：

每個(gè)section對(duì)應(yīng)不同的主題。注意是內(nèi)容本身的主題，而不是其他人為設(shè)定的劃分標(biāo)準(zhǔn)。

section的例子包括書的章節(jié)回目、多tab對(duì)話框的每個(gè)tab頁、論文以數(shù)字編號(hào)的小節(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)容會(huì)被列在文檔大綱中時(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é)，比如：

<section>
<h2>創(chuàng)新互聯(lián)建站</h2>
<p>歡迎來到創(chuàng)新互聯(lián)建站，這里的網(wǎng)址是www.php.cn</p>
</section>

至于為什么要用，是為了語義化，有section、article、dl看這多舒服，人也好理解，計(jì)算機(jī)也好理解，比滿眼的div好多了。

2.人們?cè)跇?biāo)簽使用中最常見到的錯(cuò)誤之一就是隨意將HTML5的<section>等價(jià)于<div>——具體地說，就是直接用作替代品(用于樣式)。

<section>并不是樣式容器。section元素表示的是內(nèi)容中用來幫助構(gòu)建文檔概要的語義部分。它應(yīng)該包含一個(gè)頭部。如果你想找一個(gè)用作頁面容器的元素(就像HTML或者XHTML的風(fēng)格)，那么考慮如Kroc Camen所說，直接把樣式寫到body元素上吧。如果你仍然需要額外的樣式容器，還是繼續(xù)使用div吧。

div是通用的，所有瀏覽器都支持，section是H5語義化的標(biāo)簽，<section></section>和<div class="section"></div>可以理解成一個(gè)意思，只不過前者是H5的寫法

關(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)容，一般在它里面會(huì)帶有標(biāo)題。 section典型的應(yīng)用場景應(yīng)該是文章的章節(jié)、標(biāo)簽對(duì)話框中的標(biāo)簽頁、或者論文中有編號(hào)的部分。

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)html5中section標(biāo)簽與div標(biāo)簽的區(qū)別是什么大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道。

分享名稱：html5中section標(biāo)簽與div標(biāo)簽的區(qū)別是什么-創(chuàng)新互聯(lián)
標(biāo)題URL：http://chinadenli.net/article32/dhgjsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、Google、網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、做網(wǎng)站、微信小程序

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)