<p>在HTML中，我們經常會聽到div和span這兩個標簽。div和span是HTML中常用的容器元素，它們主要用于布局和樣式的控制。雖然它們看起來很相似，但它們有一些區別。本文將詳細介紹div和span的區別，并通過幾個代碼案例來說明它們的用法和特點。
<p>，我們來看div。div是一個塊級元素，它會占據一整行的寬度。你可以把div看作一個容器，可以在其中放置其他HTML元素，比如文本、圖片、表格等等。div可以設置寬度、高度、背景色等樣式屬性，因此，它常用于創建頁面的不同區塊，例如網頁的頭部、導航欄、側邊欄、底部等等。下面是一個基本的div代碼示例：
<pre> <p>This is some content inside a div.</p> </div> <p/pre>
<p>以上代碼會創建一個div元素，并在其中放置了一段文本內容。可以通過CSS來設置該div元素的樣式，比如設置背景顏色、邊框等。div元素可以嵌套使用，從而創建更復雜的布局。
<p>接下來，我們來看span。span是一個內聯元素，它不會獨占一行，只會占據內容所需的空間。span通常用于對文本的特定部分進行樣式設置或標記。你可以把span看作一個容器，可以在其中對文本進行精確的樣式調整。下面是一個基本的span代碼示例：
<pre> <p>This is some <span style="color: red;">highlighted</span> text.</p> <p/pre>
<p>以上代碼中，我們在一段文本中使用了span元素來實現對"highlighted"部分的文字著色。使用style屬性可以對span元素進行各種樣式設置，例如顏色、字體大小、字體粗細等。
<p>除了上述的基本用法外，div和span還有一些其他的特點和用法。比如，div可以用于劃分不同的頁面區域，使得頁面結構更清晰；而span可以用于對行內元素進行樣式設置，比如在一段文本中設置部分文字為斜體或下劃線等。
<p>此外，div和span還可以結合CSS和JavaScript等技術一起使用，實現更復雜的效果和交互。例如，可以利用div和CSS來實現響應式布局，使得頁面在不同設備上的顯示效果更好；而利用span和JavaScript可以實現一些動態效果，比如在用戶鼠標懸停在某個元素上時改變樣式。
<p>綜上所述，div和span雖然看起來很相似，但它們在用途和特點上有一些區別。div適用于創建頁面的不同區塊，可以設置寬度、高度、背景色等樣式屬性，而span適用于對文本的特定部分進行樣式設置或標記，可以精確控制文本的樣式。在實際使用中，根據具體的需求選擇合適的元素來實現所需的布局和樣式效果。