<div>與<span>是HTML中常用的兩個(gè)標(biāo)簽，用于在網(wǎng)頁(yè)中進(jìn)行布局和樣式的控制。它們雖然都是用于容納其他元素的容器，但又有一些區(qū)別。
<div>標(biāo)簽是塊級(jí)元素，它能夠?qū)⒁唤M元素作為一個(gè)整體進(jìn)行布局控制。一般情況下，<div>用于定義一個(gè)獨(dú)立的區(qū)塊，比如在網(wǎng)頁(yè)中創(chuàng)建一個(gè)容器，用于包裹一段內(nèi)容、圖片或其他元素，以便對(duì)該區(qū)塊進(jìn)行樣式的控制。
與<div>不同，<span>標(biāo)簽是行內(nèi)元素，它在文本內(nèi)的特定位置上標(biāo)記一個(gè)區(qū)域，常用于對(duì)文本的某一部分進(jìn)行樣式的控制，比如改變字體顏色、字體大小等。由于<span>是行內(nèi)元素，因此它不能獨(dú)自存在于文檔中，必須嵌套在其他塊級(jí)元素內(nèi)使用。
下面通過(guò)幾個(gè)代碼案例來(lái)詳細(xì)說(shuō)明<div>與<span>的用法和區(qū)別。
案例1：HTML代碼：

<div>
<p>這是一個(gè)<div>內(nèi)的段落</p>
<p>這是另一個(gè)<div>內(nèi)的段落</p>
</div>

在這個(gè)案例中，<div>被用于創(chuàng)建一個(gè)塊級(jí)容器，用于包裹兩個(gè)段落

。這樣，我們可以對(duì)這個(gè)區(qū)塊進(jìn)行樣式的統(tǒng)一控制。
案例2：HTML代碼：

<p>這是一段<span>帶有特殊樣式</span>的文本</p>

在這個(gè)案例中，<span>被用于標(biāo)記文本的一部分，以便對(duì)該部分的樣式進(jìn)行控制。可以將<span>看作是在文本內(nèi)劃定一個(gè)小的區(qū)域，使該區(qū)域的文本為特殊樣式。
除了以上展示的兩個(gè)案例，我們還可以結(jié)合其他標(biāo)簽和CSS樣式來(lái)更加靈活地使用<div>和<span>。比如，通過(guò)使用<div>與<span>可以實(shí)現(xiàn)網(wǎng)頁(yè)布局的劃分和樣式的定制，增強(qiáng)用戶(hù)對(duì)內(nèi)容的視覺(jué)體驗(yàn)。
來(lái)說(shuō)，<div>是塊級(jí)元素，用于創(chuàng)建一個(gè)獨(dú)立的容器，可以裝載一組元素，常用于布局控制；<span>是行內(nèi)元素，用于標(biāo)記文本的一部分，常用于對(duì)該部分文本的樣式進(jìn)行控制。它們?cè)诰W(wǎng)頁(yè)布局和樣式設(shè)計(jì)中起到了重要的作用，是我們進(jìn)行網(wǎng)頁(yè)開(kāi)發(fā)時(shí)經(jīng)常用到的標(biāo)簽之一。