其實(shí)有很多html tags是極富于語(yǔ)義的，而在table布局大行其道后，很多語(yǔ)義化的標(biāo)簽就慢慢的被人們淡忘了。比如可能很多人一次都沒(méi)見(jiàn)過(guò)的標(biāo)簽：dl, dt, dd, cite, q, dfn, ins, del, var等等。

1. dl, dt, dd系列定義列表
網(wǎng)站重構(gòu)讓很多人知道了ul, ol和li，但是在列表的家族里面還有一個(gè)dl，就是“定義列表”。比如說(shuō)詞典里面的詞的解釋、定義就可以用這種列表。

如：
<dl>
<dt>Dog</dt>
<dd>A carnivorous mammal of the family Canidae.</dd>
</dl>

2. cite和q, 良好引用
在寫(xiě)blog的時(shí)候，經(jīng)常是要引用一些blogger的話(huà)語(yǔ)，那么可以用cite標(biāo)簽。一般的blog程序后代自帶的blockquote，是用來(lái)引用大段的話(huà)，還必須包含塊級(jí)元素，比如div, p等等。而且blockquote也自帶一個(gè)cite屬性，可以以URI標(biāo)注資料的來(lái)源。cite標(biāo)簽則主要用來(lái)引用某人的話(huà)，如：
<p>And <cite>Bob</cite> said <q>No, I think it's a banana</q>.</p>

3. dfn, 下定義
比如：
<p><dfn title="Microsoft web browser">Internet Explorer</dfn> is the most popular browser used underwater.</p>

4. ins, del, 插入和刪除
知道del，就不要再用<s>做刪除線(xiàn)了，用del顯然更具有語(yǔ)義化。而且del還帶有cite和datetime來(lái)表明刪除的原因以及刪除的時(shí)間。ins是表示插入，也有這樣的屬性。如：
<p>It really was <ins cite="rarara.html" datetime="20031024">very</ins> good.</p>

5. code, 表示是計(jì)算機(jī)代碼
本文所用到的標(biāo)簽，都用<code>和</code>包圍了起來(lái)，表示是計(jì)算機(jī)代碼。而默認(rèn)情況下，這些代碼會(huì)用打字體表示。

6.button, 少用Input
button默認(rèn)的表現(xiàn)和input type="submit"是一致的。從命名上來(lái)看，用作按鈕當(dāng)然以button為首選咯。

這邊談及的還很少吧，但是我覺(jué)得是在寫(xiě)B(tài)log時(shí)候比較常用的。RSS相對(duì)于html優(yōu)勢(shì)就在于清晰和簡(jiǎn)單的語(yǔ)義定義，其實(shí)html還是有很多有意義的標(biāo)簽，可以參考w3.org的相關(guān)頁(yè)面。

最新評(píng)論