HTML中級教程span和div標(biāo)簽_XHTML教程

教程Tag：暫無Tag,歡迎添加,賺取U幣!

鑒于HTML初級教程的目的只是教授HTML的骨架元素，這個(gè)中級教程增加一些骨肉，它們不應(yīng)該非凡的難，但可以進(jìn)一步增進(jìn)我們對HTML的理解，使我們能多做一些更有用的事情。

HTML只是賦予內(nèi)容的手段，大部分HTML標(biāo)簽都有其意義（標(biāo)簽p創(chuàng)建段落，h1標(biāo)簽創(chuàng)建標(biāo)題等等）的，然而span和div標(biāo)簽似乎沒有任何內(nèi)容上的意義，聽起來就像一個(gè)泡沫做成的錘子一樣無用。但實(shí)際上，與CSS結(jié)合起來后，它們被用得十分廣泛。

它們被用來組合一大塊的HTML代碼并賦予一定的信息，大部分用類屬性class和標(biāo)識屬性id與元素聯(lián)系起來，見CSS中級指南的類和id選擇符。

span和div的不同之處在于span是內(nèi)聯(lián)的，用在一小塊的內(nèi)聯(lián)HTML中，而div（想想division是什么意思）元素是塊級的（簡單地說，它等同于其前后有斷行），用于組合一大塊的代碼。

示例代碼 [hl5o.cn]

<div id="scissors">
<p>This is <span class="paper">crazy</span></p>
</div>

在實(shí)踐中，div，非凡是span不應(yīng)該濫用，盡管有其他相左的意見。比如，你要強(qiáng)調(diào)單詞“crazy”和加粗類“paper”，可能會用這樣的代碼：

示例代碼 [hl5o.cn]

<div id="scissors">
<p>This is <strong class="paper">crazy</strong></p>
</div>

這是做法比再加一個(gè)span比較好。

對于類class和標(biāo)識id沒有線索？別擔(dān)心，在CSS中級指南中會接觸到它們。你所需要記住的是，span和div 是“無意義”的標(biāo)簽。但有新的說法說他們是有語義的。我們這里不再深入了。