HTML只是賦予內容的手段,大部分HTML標簽都有其意義(標簽p創(chuàng )建段落,h1標簽創(chuàng )建標題等等)的,然而span和div標簽似乎沒(méi)有任何內容上的意義,聽(tīng)起來(lái)就像一個(gè)泡沫做成的錘子一樣無(wú)用。但實(shí)際上,與CSS結合起來(lái)后,它們被用得十分廣泛。
它們被用來(lái)組合一大塊的HTML代碼并賦予一定的信息,大部分用類(lèi)屬性class和標識屬性id與元素聯(lián)系起來(lái),見(jiàn)CSS中級指南的類(lèi)和id選擇符。
span和div的不同之處在于span是內聯(lián)的,用在一小塊的內聯(lián)HTML中,而div(想想division是什么意思)元素是塊級的(簡(jiǎn)單地說(shuō),它等同于其前后有斷行),用于組合一大塊的代碼。
<div id=”scissors”> <p>This is <span class=”paper”>crazy</span></p> </div>
在實(shí)踐中,div,特別是span不應該濫用,盡管有其他相左的意見(jiàn)。比如,你要強調單詞“crazy”和加粗類(lèi)“paper”,可能會(huì )用這樣的代碼:
Webjx.Com
<div id=”scissors”> <p>This is <strong class=”paper”>crazy</strong></p> </div>
網(wǎng)頁(yè)教學(xué)網(wǎng)這是做法比再加一個(gè)span比較好。
對于類(lèi)class和標識id沒(méi)有線(xiàn)索?別擔心,在CSS中級指南中會(huì )接觸到它們。你所需要記住的是,span和div 是“無(wú)意義”的標簽。
聯(lián)系客服