網(wǎng)頁中Span和Div的區(qū)別
更新時間：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)容上的意義，聽起來就像一個泡沫做成的錘子一樣無用。但實際上，與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是什么意思）元素是塊級的（簡單地說，它等同于其前后有斷行），用于組合一大塊的代碼。
This is crazy
在實踐中，div，特別是span不應(yīng)該濫用，盡管有其他相左的意見。比如，你要強調(diào)單詞“crazy”和加粗類“paper”，可能會用這樣的代碼：
This is crazy
這是做法比再加一個span比較好。
對于類class和標(biāo)識id沒有線索？別擔(dān)心，在CSS中級指南中會接觸到它們。你所需要記住的是，span和div 是“無意義”的標(biāo)簽。
span和div的不同之處在于span是內(nèi)聯(lián)的，用在一小塊的內(nèi)聯(lián)HTML中，而div（想想division是什么意思）元素是塊級的（簡單地說，它等同于其前后有斷行），用于組合一大塊的代碼。
This is crazy
在實踐中，div，特別是span不應(yīng)該濫用，盡管有其他相左的意見。比如，你要強調(diào)單詞“crazy”和加粗類“paper”，可能會用這樣的代碼：
This is crazy
這是做法比再加一個span比較好。
對于類class和標(biāo)識id沒有線索？別擔(dān)心，在CSS中級指南中會接觸到它們。你所需要記住的是，span和div 是“無意義”的標(biāo)簽。
相關(guān)文章
我們都熟知JavaScript可能會對Web頁面的加載與顯示產(chǎn)生較大的影響，因此我們常常關(guān)注JavaScript是不是會占用客戶端較多的資源，然而大部分都會忽略的一件有趣的事情，CSS也會對Web頁面載入的效率產(chǎn)生影響。2008-05-05
本文主要介紹使用cookie解決微信不能存儲localStorage的問題, 這里提供了代碼示例,有需要的小伙伴可以參考下2016-07-07
Meta標(biāo)簽詳解...2007-02-02
是不是經(jīng)常遇到css和自己要求相差太多呢，其實就是因為哪里出了問題，有朋友已經(jīng)為大家準(zhǔn)備好了css常見問題解決方法2008-06-06
不管你信不信，CSS和JavaScript開始重疊，就像CSS增加了更多功能一新。2014-05-05
css 兼容性問題this.style.cursor=''''hand''''
css 兼容性問題this.style.cursor='hand'讓我們來CSS HACK2008-11-11
超強推薦CSS打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項
超強推薦CSS打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項...2007-09-09
關(guān)于td的height和line-height兼容問題
寫頁面的時候，遇到處理數(shù)據(jù)的時候還是要用TABLE的，但是有的時候顯示出來table, ie和ff的高不同。2008-04-04
div+css布局必須要知道的css條件注釋理論及實踐...2007-05-05
在實際應(yīng)用中，使用style屬性的內(nèi)聯(lián)樣式是不推薦使用的，XHTML1.1已經(jīng)將其標(biāo)準(zhǔn)為不建議使用，原因很簡單這種方式不比font標(biāo)記強多少，削弱了CSS集中控制整個文檔外觀的優(yōu)點。2008-05-05