<div>與<span>是HTML中常用的兩個標簽，用于在網頁中進行布局和樣式的控制。它們雖然都是用于容納其他元素的容器，但又有一些區別。
<div>標簽是塊級元素，它能夠將一組元素作為一個整體進行布局控制。一般情況下，<div>用于定義一個獨立的區塊，比如在網頁中創建一個容器，用于包裹一段內容、圖片或其他元素，以便對該區塊進行樣式的控制。
與<div>不同，<span>標簽是行內元素，它在文本內的特定位置上標記一個區域，常用于對文本的某一部分進行樣式的控制，比如改變字體顏色、字體大小等。由于<span>是行內元素，因此它不能獨自存在于文檔中，必須嵌套在其他塊級元素內使用。
下面通過幾個代碼案例來詳細說明<div>與<span>的用法和區別。
案例1：HTML代碼：

<div>
<p>這是一個<div>內的段落</p>
<p>這是另一個<div>內的段落</p>
</div>

在這個案例中，<div>被用于創建一個塊級容器，用于包裹兩個段落

。這樣，我們可以對這個區塊進行樣式的統一控制。
案例2：HTML代碼：

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

在這個案例中，<span>被用于標記文本的一部分，以便對該部分的樣式進行控制。可以將<span>看作是在文本內劃定一個小的區域，使該區域的文本為特殊樣式。
除了以上展示的兩個案例，我們還可以結合其他標簽和CSS樣式來更加靈活地使用<div>和<span>。比如，通過使用<div>與<span>可以實現網頁布局的劃分和樣式的定制，增強用戶對內容的視覺體驗。
來說，<div>是塊級元素，用于創建一個獨立的容器，可以裝載一組元素，常用于布局控制；<span>是行內元素，用于標記文本的一部分，常用于對該部分文本的樣式進行控制。它們在網頁布局和樣式設計中起到了重要的作用，是我們進行網頁開發時經常用到的標簽之一。