html5中section標簽與div標簽的區(qū)別是什么-創(chuàng)新互聯(lián)

html5中section標簽與div標簽的區(qū)別是什么?這個問題可能是我們日常學習或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純热荩屛覀円黄饋砜纯窗桑?/p>

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

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

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

section的例子包括書的章節(jié)回目、多tab對話框的每個tab頁、論文以數(shù)字編號的小節(jié)。網(wǎng)站的主頁可能分成介紹、最新內容、聯(lián)系信息等section。

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

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

接下來說說html5 section標簽和div標簽的區(qū)別:

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

section里應該有標題(h2~6),但文章中推薦用article來代替

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

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

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

section,顧名思義就是一個章節(jié),比如:

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

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

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

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

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

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

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

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

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

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

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

廣告

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

營銷型網(wǎng)站建設