這篇文章主要介紹了html中div標(biāo)簽、section標(biāo)簽和acticle標(biāo)簽三者有哪些區(qū)別，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

陳倉(cāng)網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,陳倉(cāng)網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為陳倉(cāng)數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的陳倉(cāng)做網(wǎng)站的公司定做！

導(dǎo)語(yǔ)：

本來(lái)我以為這三個(gè)標(biāo)簽的作用都差不多，后來(lái)查了相關(guān)資料才明白，原來(lái)他們?nèi)咧g還是有區(qū)別的。

下面我們就來(lái)介紹下它們之間的區(qū)別：

1、div元素：

它本身無(wú)任何語(yǔ)義，用作布局以及樣式化標(biāo)簽，可定義文檔中的分區(qū)或節(jié),相當(dāng)于一個(gè)容器。主要用作大的框架布局，也就是說(shuō)網(wǎng)頁(yè)的骨架主要通過(guò)div來(lái)架設(shè)的，而網(wǎng)頁(yè)的血肉則是由span、p或者ul等元素完成。

2、secion元素：

section元素是html5中新增加的結(jié)構(gòu)元素，它有更進(jìn)一步的語(yǔ)義。表示頁(yè)面中的一個(gè)內(nèi)容區(qū)塊，比如章節(jié)、頁(yè)眉、頁(yè)腳、或者頁(yè)面中的其他部分。它可以與h2,h3,h4,h5,h6,h7等元素結(jié)合起來(lái)使用，標(biāo)示文檔結(jié)構(gòu)。

3、article元素：

article元素也是html5中新增加的結(jié)構(gòu)元素，a是一個(gè)特殊的section標(biāo)簽，它比section具有更明確的語(yǔ)義。 它代表一個(gè)獨(dú)立的、完整的相關(guān)內(nèi)容塊表示頁(yè)面中的一塊與上下不相關(guān)的獨(dú)立內(nèi)容，如博客中的一篇文章。

注：article元素是可以嵌套使用的，內(nèi)層的內(nèi)容在原則上需要與外層的內(nèi)容相關(guān)聯(lián)。例如，一篇博客文章中，針對(duì)該文章的評(píng)論就可以使用嵌套article元素的方式；用來(lái)呈現(xiàn)評(píng)論的article元素被包含在表示整體內(nèi)容的article元素里面。嵌套的代碼如下：

<article>

	<header>
		<h2>article元素的嵌套使用</h2>
		<p>發(fā)表日期：<time pubdate="pubdate">2019/8/6</time></p>
	</header>

	<p>此標(biāo)簽里顯示的是article整個(gè)文章的主要內(nèi)容，下面的section元素里是對(duì)該文章的評(píng)論</p>

	<section>
		<h3>評(píng)論</h3>
		<article>
			<header>
			
				<h4>發(fā)表者：Cherish699</h4>
				<p>1小時(shí)前</p>
				</header>
		
			<p>這篇文章很不錯(cuò)啊，頂一下！</p>
		</article>
	
		<article>
			<header>
			
				<h4>發(fā)表者：兩個(gè)西柚</h4>
				<p>2小時(shí)前</p>
				</header>
		
			<p>這篇文章真棒，對(duì)article的嵌套解釋的很詳細(xì)</p>
			</article>
	</section>
</article>

總結(jié)：

div、section、article，語(yǔ)義是從無(wú)到有，逐漸增強(qiáng)的。div無(wú)任何語(yǔ)義，僅僅用作樣式化或者腳本化的標(biāo)簽。對(duì)于一段主題性的內(nèi)容，則就適用section，而假如這段內(nèi)容可以脫離上下文，作為完整的獨(dú)立存在的一段內(nèi)容，則就適用article。原則上來(lái)說(shuō)，能使用article的時(shí)候，也是可以使用section的，但是實(shí)際上，假如使用article更合適，那么就不要使用section。

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“html中div標(biāo)簽、section標(biāo)簽和acticle標(biāo)簽三者有哪些區(qū)別”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

本文標(biāo)題：html中div標(biāo)簽、section標(biāo)簽和acticle標(biāo)簽三者有哪些區(qū)別
文章分享：http://www.chinadenli.net/article8/iigiop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、小程序開(kāi)發(fā)、域名注冊(cè)、品牌網(wǎng)站設(shè)計(jì)、虛擬主機(jī)、企業(yè)網(wǎng)站制作

廣告

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