歡迎來(lái)到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢(xún)服務(wù)熱線:400-099-8848

網(wǎng)頁(yè)規(guī)劃中的Span和Div的區(qū)別

發(fā)布時(shí)間:2020-05-02 文章來(lái)源:本站  瀏覽次數(shù):2660

HTML僅僅賦予內(nèi)容的手法,大部分HTML標(biāo)簽都有其意義(標(biāo)簽p創(chuàng)建階段,h1標(biāo)簽創(chuàng)建標(biāo)題等等)的,但是span和div標(biāo)簽好像沒(méi)有任何內(nèi)容上的意義,聽(tīng)起來(lái)就像一個(gè)泡沫做成的錘子相同無(wú)用。但實(shí)際上,與CSS結(jié)合起來(lái)后,它們被用得十分廣泛。

它們被用來(lái)組合一大塊的HTML代碼并賦予必定的信息,大部分用類(lèi)特點(diǎn)class和標(biāo)識(shí)特點(diǎn)id與元素聯(lián)系起來(lái),見(jiàn)CSS中級(jí)攻略的類(lèi)和id選擇符。

span和div的不同之處在于span是內(nèi)聯(lián)的,用在一小塊的內(nèi)聯(lián)HTML中,而div(想想division是什么意思)元素是塊級(jí)的(簡(jiǎn)略地說(shuō),它等同于其前后有斷行),用于組合一大塊的代碼。 
 
This is crazy

在實(shí)踐中,div,特別是span不應(yīng)該濫用,盡管有其他相左的意見(jiàn)。比方,你要強(qiáng)調(diào)單詞“crazy”和加粗類(lèi)“paper”,或許會(huì)用這樣的代碼: 
This is crazy

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

關(guān)于類(lèi)class和標(biāo)識(shí)id沒(méi)有頭緒?別憂(yōu)慮,在CSS中級(jí)攻略中會(huì)接觸到它們。你所需求記住的是,span和div 是“無(wú)意義”的標(biāo)簽。

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

關(guān)于類(lèi)class和標(biāo)識(shí)id沒(méi)有頭緒?別憂(yōu)慮,在CSS中級(jí)攻略中會(huì)接觸到它們。你所需求記住的是,span和div 是“無(wú)意義”的標(biāo)簽。 

上一條:web網(wǎng)頁(yè)設(shè)計(jì)規(guī)范巨細(xì)...

下一條:網(wǎng)站規(guī)劃之合理架構(gòu)css...