介紹span和div标簽的使用
- 作者:
- 發表時間:2010-04-07 09:29
- 來源:
鑒于HTML初級教程的目的隻是教授HTML的骨架元素,這個(gè)中級教程增加一(yī)些骨肉,它們不應該特别的難,但可以進一(yī)步增進我們對HTML的理解,使我們能(néng)多(duō)做一(yī)些更有用的事(shì)情。
HTML隻是賦予内容的手段,大部分HTML标簽都有其意義(标簽p創建段落,h1标簽創建标題等等)的,然而span和div标簽似乎沒有任何内容上(shàng)的意義,聽起來就(jiù)像一(yī)個(gè)泡沫做成的錘子一(yī)樣無用。但實際上(shàng),與CSS結合起來後,它們被用得十分廣泛。
它們被用來組合一(yī)大塊的HTML代碼并賦予一(yī)定的信息,大部分用類屬性class和标識屬性id與元素聯系起來,見(jiàn)CSS中級指南(nán)的類和id選擇符。
span和div的不同之處在于span是内聯的,用在一(yī)小(xiǎo)塊的内聯HTML中,而div(想想division是什麽意思)元素是塊級的(簡單地說,它等同于其前後有斷行),用于組合一(yī)大塊的代碼。
This is crazy
在實踐中,div,特别是span不應該濫用,盡管有其他相(xiàng)左的意見(jiàn)。比如,你要強調單詞“crazy”和加粗類“paper”,可能(néng)會(huì)用這樣的代碼:
This is crazy
這是做法比再加一(yī)個(gè)span比較好。
對于類class和标識id沒有線索?别擔心,在CSS中級指南(nán)中會(huì)接觸到(dào)它們。你所需要記住的是,span和div 是“無意義”的标簽。但有新的說法說他們是有語義的。我們這裡(lǐ)不再深入了。