HTML中級教程span和div標簽_XHTML教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
鑒于HTML初級教程的目的只是教授HTML的骨架元素,這個中級教程增加一些骨肉,它們不應該非凡的難,但可以進一步增進我們對HTML的理解,使我們能多做一些更有用的事情。
HTML只是賦予內容的手段,大部分HTML標簽都有其意義(標簽p創建段落,h1標簽創建標題等等)的,然而span和div標簽似乎沒有任何內容上的意義,聽起來就像一個泡沫做成的錘子一樣無用。但實際上,與CSS結合起來后,它們被用得十分廣泛。
它們被用來組合一大塊的HTML代碼并賦予一定的信息,大部分用類屬性class和標識屬性id與元素聯系起來,見CSS中級指南的類和id選擇符。
span和div的不同之處在于span是內聯的,用在一小塊的內聯HTML中,而div(想想division是什么意思)元素是塊級的(簡單地說,它等同于其前后有斷行),用于組合一大塊的代碼。
在實踐中,div,非凡是span不應該濫用,盡管有其他相左的意見。比如,你要強調單詞“crazy”和加粗類“paper”,可能會用這樣的代碼:
這是做法比再加一個span比較好。
對于類class和標識id沒有線索?別擔心,在CSS中級指南中會接觸到它們。你所需要記住的是,span和div 是“無意義”的標簽。但有新的說法說他們是有語義的。我們這里不再深入了。
HTML只是賦予內容的手段,大部分HTML標簽都有其意義(標簽p創建段落,h1標簽創建標題等等)的,然而span和div標簽似乎沒有任何內容上的意義,聽起來就像一個泡沫做成的錘子一樣無用。但實際上,與CSS結合起來后,它們被用得十分廣泛。
它們被用來組合一大塊的HTML代碼并賦予一定的信息,大部分用類屬性class和標識屬性id與元素聯系起來,見CSS中級指南的類和id選擇符。
span和div的不同之處在于span是內聯的,用在一小塊的內聯HTML中,而div(想想division是什么意思)元素是塊級的(簡單地說,它等同于其前后有斷行),用于組合一大塊的代碼。
示例代碼 [www.wf0088.com]
<div id="scissors">
<p>This is <span class="paper">crazy</span></p>
</div>
<p>This is <span class="paper">crazy</span></p>
</div>
在實踐中,div,非凡是span不應該濫用,盡管有其他相左的意見。比如,你要強調單詞“crazy”和加粗類“paper”,可能會用這樣的代碼:
示例代碼 [www.wf0088.com]
<div id="scissors">
<p>This is <strong class="paper">crazy</strong></p>
</div>
<p>This is <strong class="paper">crazy</strong></p>
</div>
這是做法比再加一個span比較好。
對于類class和標識id沒有線索?別擔心,在CSS中級指南中會接觸到它們。你所需要記住的是,span和div 是“無意義”的標簽。但有新的說法說他們是有語義的。我們這里不再深入了。
相關XHTML教程:
- 相關鏈接:
- 教程說明:
XHTML教程-HTML中級教程span和div標簽。