HTML只是賦予內容的手段,大部分HTML標籤都有其意義(標籤p創建段落,h1標籤創建標題等等)的,然而span和div標籤似乎沒有任何內容上的意義,聽起來就像一個泡沫做成的錘子一樣無用。但實際上,與CSS結合起來後,它們被使用得十分廣泛。
它們被用來組合一大塊的HTML程式碼並賦予一定的訊息,大部分用類別屬性class和標識屬性id與元素連結起來,請參見CSS中級指南的類別和id選擇符。
span和div的不同之處在於span是內聯的,用在一小塊的內聯HTML中,而div(想想division是什麼意思)元素是塊級的(簡單地說,它等同於其前後有斷行),用於組合一大塊的程式碼。
<div id="scissors"> <p>This is <span class="paper">crazy</span></p> </div> |
<div id="scissors"> <p>This is <strong class="paper">crazy</strong></p> </div> |
這是做法比再加一個span比較好。
對於類別class和識別id沒有線索?別擔心,在CSS中級指南中會接觸到它們。你所需要記住的是,span和div 是「無意義」的標籤。