先看看section標簽的HTML標準中寫的：

每個section對應不同的主題。注意是內容本身的主題，而不是其他人為設定的劃分標準。

section的例子包括書的章節回目、多tab對話框的每個tab頁、論文以數字編號的小節。網站的主頁可能分成介紹、最新內容、聯系信息等section。

注意：網頁作者應使用article而不是section元素，如果其內容是用于聚合（syndicate）。比如blog首頁上的每篇blog。又如論壇帖子的一樓、二樓、三樓……n樓。通常這樣的每部分內容形式上是類似的，但是來源是獨立的。

注意：section不是通用容器元素。如果僅僅是用于設置樣式或腳本處理，應用div元素。一條簡單的準則是，只有元素內容會被列在文檔大綱中時，才適合用section元素。

接下來說說html5 section標簽和div標簽的區別：

1.section不是一個專用來做容器的標簽，專用的是div

section里應該有標題（h1~6），但文章中推薦用article來代替

我們可以理解為一個非文章段落，有明確 id 的一個特殊模塊容器（不是專用以包住塊的容器）。

也就是說，一般情況下作為元素容器，使用div而不是section，那么section就沒有用了嗎？圖樣圖森破。

這種情況下使用section就比div要好

section，顧名思義就是一個章節，比如：

 section  h1 PHP  /h1  p 歡迎來到PHP ，這里的網址是www.survivalescaperooms.com /p  /section 

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

2.人們在標簽使用中最常見到的錯誤之一就是隨意將HTML5的 section 等價于 div ——具體地說，就是直接用作替代品(用于樣式)。

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

div是通用的，所有瀏覽器都支持，section是H5語義化的標簽， section /section 和 div >

關于html5中的section標簽與div標簽的總結：

DIV：這個標簽一直是我們見得最多、用得最多的標簽。它本身無任何語義，用作布局以及樣式化標簽。

Section：與div相似，但它有更進一步的語義。section用作一段有專題性的內容，一般在它里面會帶有標題。 section典型的應用場景應該是文章的章節、標簽對話框中的標簽頁、或者論文中有編號的部分。

【小編推薦】

如何給html中的pre標簽中的文字換行？html pre標簽的使用實例

HTML ul標簽的什么意思？HTML ul標簽的作用詳解

以上就是關于html5中的section標簽與div標簽的區別（內有實例）的詳細內容，其它編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。