HTML只是賦予內(nèi)容的手段，大部分HTML標簽都有其意義（標簽p創(chuàng)建段落，h1標簽創(chuàng)建標題等等）的，然而span和div標簽似乎沒有任何內(nèi)容上的意義，聽起來就像一個泡沫做成的錘子一樣無用。但實際上，與CSS結(jié)合起來后，它們被用得十分廣泛。
　　它們被用來組合一大塊的HTML代碼并賦予一定的信息，大部分用類屬性class和標識屬性id與元素聯(lián)系起來，見CSS中級指南的類和id選擇符。
　　span和div的不同之處在于span是內(nèi)聯(lián)的，用在一小塊的內(nèi)聯(lián)HTML中，而div（想想division是什么意思）元素是塊級的（簡單地說，它等同于其前后有斷行），用于組合一大塊的代碼。
<div>標記的定義（定義的邏輯劃分，在您的網(wǎng)頁 ）。它的作用很多像一個段落標記，但它分為較大的部分頁面 。
<DIV>也讓你有機會來定義的HTML整節(jié)的風格。您可以定義作為叫出你的頁面，并給該節(jié)從周圍的文字不同的風格。
但是，這并不是它所做的一切！<div>標記使您可以命名您的文件的某些部分，這樣您就可以影響他們與樣式表或動態(tài)HTML。
使用<div>標記時要牢記的一件事情是，它打破段落。它作為一個段落的結(jié)束/開始，而你可以有一個<div>內(nèi)段，你不能有一個段落內(nèi)的<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>標簽只是告訴瀏覽器應(yīng)用的樣式規(guī)則<SPAN>內(nèi)的任何
<span>標簽沒有必需的屬性，而且是最有用的三個是：
style
class
id
當你想改變元素的風格，而不將它們放在文檔中的一個新的塊級元素，使用<span>。例如，如果你有一個3級標題（<H3>），你想要第二個字是紅色，你可以環(huán)繞這個詞
<span style="color : #f00;">紅色的字</span>
它仍然是一個部分的<H3>標簽，只是紅色的。
特別提示
本 例代碼運行效果如圖所示，為了更能說明問題，這里給塊元素和內(nèi)嵌元素都加了1像 素寬的黑色實線邊框，從圖中可以看到，DIV默認為塊元素，定義display屬 性值為inline后以內(nèi)嵌元素顯示，而SPAN默 認為內(nèi)嵌元素，定義display屬性值為block后 則以塊元素顯示。

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