HTML只是賦予內容的手段，大部分HTML標簽都有其意義（標簽p創(chuàng)建段落，h1標簽創(chuàng)建標題等等）的，然而span和div標簽似乎沒有任何內容上的意義，聽起來就像一個泡沫做成的錘子一樣無用。但實際上，與CSS結合起來后，它們被用得十分廣泛。
　　它們被用來組合一大塊的HTML代碼并賦予一定的信息，大部分用類屬性class和標識屬性id與元素聯系起來，見CSS中級指南的類和id選擇符。
　　span和div的不同之處在于span是內聯的，用在一小塊的內聯HTML中，而div（想想division是什么意思）元素是塊級的（簡單地說，它等同于其前后有斷行），用于組合一大塊的代碼。
<div>標記的定義（定義的邏輯劃分，在您的網頁 ）。它的作用很多像一個段落標記，但它分為較大的部分頁面 。
<DIV>也讓你有機會來定義的HTML整節(jié)的風格。您可以定義作為叫出你的頁面，并給該節(jié)從周圍的文字不同的風格。
但是，這并不是它所做的一切！<div>標記使您可以命名您的文件的某些部分，這樣您就可以影響他們與樣式表或動態(tài)HTML。
使用<div>標記時要牢記的一件事情是，它打破段落。它作為一個段落的結束/開始，而你可以有一個<div>內段，你不能有一個段落內的<div>。
技 巧：有些朋友會說DIV是層標簽，其實HTML里 是沒有層這個說法的，只不過是為了易于理解，Dreamweaver里才這樣寫的，每個對象都可以 成為“層”，只需要給對象定義position屬 性(值為absolute或relavite)。 例如，要讓圖片成為“層”，可以這樣寫代 碼：
1
<img src="demo.gif" style="posibion:absolute;left:20px;top:20px"/>
<span>標簽<div>標記非常相似的特性，它改變它包圍的文字風格。但沒有任何樣式屬性，<span>標記不會改變中所包含的項目。

<span> 和<div>標簽之間的主要區(qū)別在于，<SPAN>沒有做任何它自己的格式。<div>標記的行為，包括一個段落 符，因為它是在文件中定義的邏輯劃分。<span>標簽只是告訴瀏覽器應用的樣式規(guī)則<SPAN>內的任何
<span>標簽沒有必需的屬性，而且是最有用的三個是：
style
class
id
當你想改變元素的風格，而不將它們放在文檔中的一個新的塊級元素，使用<span>。例如，如果你有一個3級標題（<H3>），你想要第二個字是紅色，你可以環(huán)繞這個詞
<span style="color : #f00;">紅色的字</span>
它仍然是一個部分的<H3>標簽，只是紅色的。
特別提示
本 例代碼運行效果如圖所示，為了更能說明問題，這里給塊元素和內嵌元素都加了1像 素寬的黑色實線邊框，從圖中可以看到，DIV默認為塊元素，定義display屬 性值為inline后以內嵌元素顯示，而SPAN默 認為內嵌元素，定義display屬性值為block后 則以塊元素顯示。

實搜網絡為您提供網絡推廣，網絡營銷，網站建設，SEO優(yōu)化，微信開發(fā)，網站托管等服務，服務熱線：0311-66697360