網(wǎng)頁中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í)的（簡單地說，它等同于其前后有斷行），用于組合一大塊的代碼。
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í)的（簡單地說，它等同于其前后有斷行），用于組合一大塊的代碼。
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)文章
《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（一)
這篇文章主要介紹了《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（一,需要的朋友可以參考下2016-05-05
今天訪問好多網(wǎng)站包括百度，啟點(diǎn)等網(wǎng)站都變成了黑白色界面，體現(xiàn)大家對(duì)于四川地震的深切哀悼，但有好的站長不一定知道是什么方法，還以為是大量改版，對(duì)于任何人都不是很輕松的事，特將本站的解決方法告訴大家。2008-05-05
其實(shí)和跟border的屬性一樣的東西，做網(wǎng)頁的朋友熟練利用下面的樣式，就可以做出漂亮的邊框效果2008-09-09
CSS2實(shí)現(xiàn)的隔行換色...2007-05-05
HTML5技術(shù)結(jié)合了HTML4.01的相關(guān)標(biāo)準(zhǔn)并革新，符合現(xiàn)代網(wǎng)絡(luò)發(fā)展要求，在2008年正式發(fā)布。HTML5并非僅僅用來表示W(wǎng)eb內(nèi)容，它將?Web帶入一個(gè)成熟的應(yīng)用平臺(tái)，在HTML5平臺(tái)上，視頻、音頻、圖象、動(dòng)畫，以及同電腦的交互都被標(biāo)準(zhǔn)化。2023-02-02
css div布局總會(huì)遇到很多瀏覽器兼容的問題。2008-04-04
2008-01-01
css 之 background-position-x...2007-08-08
當(dāng)浮動(dòng)元素與非浮動(dòng)元素相鄰時(shí)，這個(gè)3像素的Bug就會(huì)出現(xiàn)，它會(huì)偏移3像素。2008-10-10
