HTML中級(jí)教程span和div標(biāo)簽_XHTML教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
鑒于HTML初級(jí)教程的目的只是教授HTML的骨架元素,這個(gè)中級(jí)教程增加一些骨肉,它們不應(yīng)該非凡的難,但可以進(jìn)一步增進(jìn)我們對(duì)HTML的理解,使我們能多做一些更有用的事情。
HTML只是賦予內(nèi)容的手段,大部分HTML標(biāo)簽都有其意義(標(biāo)簽p創(chuàng)建段落,h1標(biāo)簽創(chuàng)建標(biāo)題等等)的,然而span和div標(biāo)簽似乎沒(méi)有任何內(nèi)容上的意義,聽(tīng)起來(lái)就像一個(gè)泡沫做成的錘子一樣無(wú)用。但實(shí)際上,與CSS結(jié)合起來(lái)后,它們被用得十分廣泛。
它們被用來(lái)組合一大塊的HTML代碼并賦予一定的信息,大部分用類(lèi)屬性class和標(biāo)識(shí)屬性id與元素聯(lián)系起來(lái),見(jiàn)CSS中級(jí)指南的類(lèi)和id選擇符。
span和div的不同之處在于span是內(nèi)聯(lián)的,用在一小塊的內(nèi)聯(lián)HTML中,而div(想想division是什么意思)元素是塊級(jí)的(簡(jiǎn)單地說(shuō),它等同于其前后有斷行),用于組合一大塊的代碼。
在實(shí)踐中,div,非凡是span不應(yīng)該濫用,盡管有其他相左的意見(jiàn)。比如,你要強(qiáng)調(diào)單詞“crazy”和加粗類(lèi)“paper”,可能會(huì)用這樣的代碼:
這是做法比再加一個(gè)span比較好。
對(duì)于類(lèi)class和標(biāo)識(shí)id沒(méi)有線索?別擔(dān)心,在CSS中級(jí)指南中會(huì)接觸到它們。你所需要記住的是,span和div 是“無(wú)意義”的標(biāo)簽。但有新的說(shuō)法說(shuō)他們是有語(yǔ)義的。我們這里不再深入了。
HTML只是賦予內(nèi)容的手段,大部分HTML標(biāo)簽都有其意義(標(biāo)簽p創(chuàng)建段落,h1標(biāo)簽創(chuàng)建標(biāo)題等等)的,然而span和div標(biāo)簽似乎沒(méi)有任何內(nèi)容上的意義,聽(tīng)起來(lái)就像一個(gè)泡沫做成的錘子一樣無(wú)用。但實(shí)際上,與CSS結(jié)合起來(lái)后,它們被用得十分廣泛。
它們被用來(lái)組合一大塊的HTML代碼并賦予一定的信息,大部分用類(lèi)屬性class和標(biāo)識(shí)屬性id與元素聯(lián)系起來(lái),見(jiàn)CSS中級(jí)指南的類(lèi)和id選擇符。
span和div的不同之處在于span是內(nèi)聯(lián)的,用在一小塊的內(nèi)聯(lián)HTML中,而div(想想division是什么意思)元素是塊級(jí)的(簡(jiǎn)單地說(shuō),它等同于其前后有斷行),用于組合一大塊的代碼。
示例代碼 [www.hl5o.cn]
<div id="scissors">
<p>This is <span class="paper">crazy</span></p>
</div>
<p>This is <span class="paper">crazy</span></p>
</div>
在實(shí)踐中,div,非凡是span不應(yīng)該濫用,盡管有其他相左的意見(jiàn)。比如,你要強(qiáng)調(diào)單詞“crazy”和加粗類(lèi)“paper”,可能會(huì)用這樣的代碼:
示例代碼 [www.hl5o.cn]
<div id="scissors">
<p>This is <strong class="paper">crazy</strong></p>
</div>
<p>This is <strong class="paper">crazy</strong></p>
</div>
這是做法比再加一個(gè)span比較好。
對(duì)于類(lèi)class和標(biāo)識(shí)id沒(méi)有線索?別擔(dān)心,在CSS中級(jí)指南中會(huì)接觸到它們。你所需要記住的是,span和div 是“無(wú)意義”的標(biāo)簽。但有新的說(shuō)法說(shuō)他們是有語(yǔ)義的。我們這里不再深入了。
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- 總結(jié)XHTML代碼常見(jiàn)的應(yīng)用問(wèn)題
- HTML5的結(jié)構(gòu)和語(yǔ)義——語(yǔ)義性的內(nèi)聯(lián)元素(四)
- DIVCSS網(wǎng)頁(yè)布局中常用的列表元素ulollidldtdd釋義
- 添加和刪除HTML節(jié)點(diǎn)的簡(jiǎn)單示例
- CSS網(wǎng)頁(yè)布局中HTML標(biāo)簽的語(yǔ)義(一)
- HTML標(biāo)簽和屬性的語(yǔ)義化
- 通過(guò)實(shí)例掌握BR和P標(biāo)簽的區(qū)別
- XHTML入門(mén)學(xué)習(xí)教程:框架標(biāo)簽使用
- HTML高級(jí)教程親和力的表單
- HTML5的結(jié)構(gòu)和語(yǔ)義——結(jié)構(gòu)(二)
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-HTML中級(jí)教程span和div標(biāo)簽
。