網(wǎng)頁(yè)中Span和Div的區(qū)別
更新時(shí)間:2008年05月10日 21:50:22 作者:
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)識(shí)屬性id與元素聯(lián)系起來,見CSS中級(jí)指南的類和id選擇符。
span和div的不同之處在于span是內(nèi)聯(lián)的,用在一小塊的內(nèi)聯(lián)HTML中,而div(想想division是什么意思)元素是塊級(jí)的(簡(jiǎn)單地說,它等同于其前后有斷行),用于組合一大塊的代碼。
This is crazy
在實(shí)踐中,div,特別是span不應(yīng)該濫用,盡管有其他相左的意見。比如,你要強(qiáng)調(diào)單詞“crazy”和加粗類“paper”,可能會(huì)用這樣的代碼:
This is crazy
這是做法比再加一個(gè)span比較好。
對(duì)于類class和標(biāo)識(shí)id沒有線索?別擔(dān)心,在CSS中級(jí)指南中會(huì)接觸到它們。你所需要記住的是,span和div 是“無意義”的標(biāo)簽。
span和div的不同之處在于span是內(nèi)聯(lián)的,用在一小塊的內(nèi)聯(lián)HTML中,而div(想想division是什么意思)元素是塊級(jí)的(簡(jiǎn)單地說,它等同于其前后有斷行),用于組合一大塊的代碼。
This is crazy
在實(shí)踐中,div,特別是span不應(yīng)該濫用,盡管有其他相左的意見。比如,你要強(qiáng)調(diào)單詞“crazy”和加粗類“paper”,可能會(huì)用這樣的代碼:
This is crazy
這是做法比再加一個(gè)span比較好。
對(duì)于類class和標(biāo)識(shí)id沒有線索?別擔(dān)心,在CSS中級(jí)指南中會(huì)接觸到它們。你所需要記住的是,span和div 是“無意義”的標(biāo)簽。
相關(guān)文章
CSS對(duì)Web頁(yè)面載入效率的影響分析總結(jié)
我們都熟知JavaScript可能會(huì)對(duì)Web頁(yè)面的加載與顯示產(chǎn)生較大的影響,因此我們常常關(guān)注JavaScript是不是會(huì)占用客戶端較多的資源,然而大部分都會(huì)忽略的一件有趣的事情,CSS也會(huì)對(duì)Web頁(yè)面載入的效率產(chǎn)生影響。2008-05-05cookie解決微信不能存儲(chǔ)localStorage的問題
本文主要介紹使用cookie解決微信不能存儲(chǔ)localStorage的問題, 這里提供了代碼示例,有需要的小伙伴可以參考下2016-07-07css 兼容性問題this.style.cursor=''''hand''''
css 兼容性問題this.style.cursor='hand'讓我們來CSS HACK2008-11-11超強(qiáng)推薦CSS打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項(xiàng)
超強(qiáng)推薦CSS打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項(xiàng)...2007-09-09關(guān)于td的height和line-height兼容問題
寫頁(yè)面的時(shí)候,遇到處理數(shù)據(jù)的時(shí)候還是要用TABLE的,但是有的時(shí)候顯示出來table, ie和ff的高不同。2008-04-04div+css布局必須要知道的css條件注釋理論及實(shí)踐
div+css布局必須要知道的css條件注釋理論及實(shí)踐...2007-05-05