div和span是HTML中常用的兩個標簽，它們在頁面布局以及元素樣式控制上有著不同的作用。本文將詳細解釋div和span的區(qū)別，并通過幾個代碼案例來加深理解。
div是一個塊級元素，它被用于創(chuàng)建一個獨立的區(qū)塊，可以包含其他HTML元素，常用于網(wǎng)頁布局的各個部分。div標簽通常用于定義并設(shè)置整個網(wǎng)頁或網(wǎng)頁的某個區(qū)域的樣式，通過給div標簽添加CSS樣式，我們可以控制該區(qū)塊的寬度、高度、背景顏色等屬性。
下面是一個使用div標簽設(shè)置頁面頭部的示例代碼：

<pre>
<p><div id="header"></p>
<p>   <h1>網(wǎng)頁標題</h1></p>
<p>   <p>網(wǎng)頁副標題</p></p>
<p></div></p>

這段代碼創(chuàng)建了一個id為"header"的div元素，內(nèi)部包含了一個h1標題和一個p段落。我們可以利用CSS來設(shè)置該div元素的樣式，比如設(shè)置背景顏色、字體顏色、邊框樣式等。通過這樣的方式，我們可以輕松地對整個頁面header部分進行樣式控制。
相反，span是一個行內(nèi)元素，它被用于在文本中劃分或包裹一小塊內(nèi)容，用于設(shè)置這小塊內(nèi)容的樣式。與div不同，span標簽并沒有獨占一行，而是與其他元素或文本同行顯示。span標簽通常用于設(shè)置文本的一部分樣式，比如顏色、字體、背景等。
下面是一個使用span標簽為一段文字設(shè)置不同顏色的示例代碼：

<pre>
<p>這是一段<span style="color: red;">紅色</span>和<span style="color: blue;">藍色</span>文字。</p>

這段代碼將一段文字分為兩個部分，并使用span標簽為它們分別設(shè)置了紅色和藍色的顏色樣式。通過給span標簽添加CSS樣式，我們可以控制這些文字的顏色、字體大小、字體樣式等。
一下，div標簽常用于劃分頁面的不同區(qū)塊，并設(shè)置區(qū)塊的樣式；而span標簽則常用于為文本的一部分設(shè)置樣式。div是一個塊級元素，獨占一行；而span是一個行內(nèi)元素，與其他元素或文本同行顯示。通過對div和span的合理使用，可以更好地控制網(wǎng)頁的布局和樣式。