根據(jù)網(wǎng)頁(yè)結(jié)構(gòu)選擇最合適的XHTML標(biāo)簽_Web標(biāo)準(zhǔn)教程
在以往的教程中,曾經(jīng)多次強(qiáng)調(diào)使網(wǎng)頁(yè)HTML文件具有語義。我們應(yīng)該根據(jù)網(wǎng)頁(yè)HTML文檔的結(jié)構(gòu)選擇最合適的HTML或XHTML標(biāo)簽,而不是根據(jù)它們的外觀樣式去選擇它們。使用P標(biāo)簽定義一個(gè)段落,而不是用它來獲得換行效果。我們使用h1-h6標(biāo)簽標(biāo)記標(biāo)題,而不是用它們?nèi)〉梦淖执笮∨c加粗的效果。
例如一個(gè)標(biāo)題,我們可以用h1來定義它:
<h1>文章的標(biāo)題文字寫在這里</h1>
而不應(yīng)該使用其它的什么方式來定義它:
<p style="font-size:16px; font-weight:bold;">文章的標(biāo)題文字寫在這里</p>
在以前的的文章里,我們列出了所有XHTML1.0答應(yīng)使用的標(biāo)簽,我們也可以發(fā)現(xiàn),其中可以讓我們選擇的元素標(biāo)記其實(shí)是很少的。但我們也清楚的熟悉到,這些精煉的元素標(biāo)記也更加有明確的意義。假如你實(shí)在找不到恰當(dāng)?shù)脑剡M(jìn)行標(biāo)記,那么可以使用通用的div與span標(biāo)簽。
頁(yè)面中div與span標(biāo)簽的使用是一個(gè)新問題,我們也輕易過多的使用它們。必要及合理的使用div可以明顯的增強(qiáng)文檔的結(jié)構(gòu)性。假如你審閱你的HTML文檔,發(fā)現(xiàn)有著很多的div與span,那你就得換一個(gè)眼光來看問題了,是不是存在濫用的情況?是不是還有更好的標(biāo)記來替代它們?若h1可以更好的表示所標(biāo)記的內(nèi)容,那你就得放棄p或span來定義。
或許這是一對(duì)矛盾,我們本身也較難把握該如何正確的使用它們,也或許我們根本就得不到一個(gè)明確的答案。但有一點(diǎn)需要闡明,我們應(yīng)該使文檔在邏輯上具有清楚的結(jié)構(gòu),而且更加輕易應(yīng)用樣式。我們可以將div僅看著是一個(gè)容器,或者叫做文檔的組成“部分”。我們使用太多的容器,并不是一個(gè)明智的模式。而恰到好處居于合理位置的容器,可以讓整個(gè)文檔顯的很有條理。
如下的代碼,就比較合理有效:
以下為引用的內(nèi)容: <div id="header"> |
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)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)頁(yè)
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對(duì)SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索根據(jù)網(wǎng)頁(yè)結(jié)構(gòu)選擇最合適的XHTML標(biāo)簽
- 教程說明:
Web標(biāo)準(zhǔn)教程-根據(jù)網(wǎng)頁(yè)結(jié)構(gòu)選擇最合適的XHTML標(biāo)簽。