css教程:網(wǎng)頁中Span和Div的區(qū)別_Web標(biāo)準(zhǔn)教程
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是什么意思)元素是塊級的(簡單地說,它等同于其前后有斷行),用于組合一大塊的代碼。
<div id="scissors"> <p>This is <span class="paper">crazy</span></p> </div>
在實踐中,div,特別是span不應(yīng)該濫用,盡管有其他相左的意見。比如,你要強調(diào)單詞“crazy”和加粗類“paper”,可能會用這樣的代碼:<div id="scissors"> <p>This is <strong class="paper">crazy</strong></p> </div>
這是做法比再加一個span比較好。
對于類class和標(biāo)識id沒有線索?別擔(dān)心,在CSS中級指南中會接觸到它們。你所需要記住的是,span和div 是“無意義”的標(biāo)簽。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 學(xué)DIV+CSS技術(shù),如何入門?
- Div+CSS布局設(shè)計 網(wǎng)站設(shè)計的優(yōu)點分析
- 提高CSS文件可維護性的五種方法
- Web標(biāo)準(zhǔn)有效縮減維護時間及Web站點的外觀和功能比較
- Web頁面優(yōu)化減小頁面對內(nèi)存及CPU的占用
- 企業(yè)網(wǎng)站尷尬的生存現(xiàn)狀……
- CSSer基礎(chǔ)知識:World Wide Web Consortium
- 如何用CSS選擇器查詢和風(fēng)格化Web元素
- 用!important解決IE和Mozilla的布局差別
- 詳解網(wǎng)頁設(shè)計中的定位與定位應(yīng)用
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-css教程:網(wǎng)頁中Span和Div的區(qū)別
。