被人遺忘的html tags

 其實有很多html tags是極富於語義的，而在table布局大行其道後，很多語義化的標簽就慢慢的被人們淡忘了。比如可能很多人一次都沒見過的標簽：dl, dt, dd, cite, q, dfn, ins, del, var等等。

1. dl, dt, dd系列定義列表

網站重構讓很多人知道了ul, ol和li，但是在列表的家族裡面還有一個dl，就是“定義列表”。比如說詞典裡面的詞的解釋、定義就可以用這種列表。

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

2. cite和q, 良好引用

在寫blog的時候，經常是要引用一些blogger的話語，那麼可以用cite標簽。一般的blog程序後代自帶的blockquote，是用來引用大段的話，還必須包含塊級元素，比如div, p等等。而且blockquote也自帶一個cite屬性，可以以URI標注資料的來源。cite標簽則主要用來引用某人的話，如：

<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>做刪除線了，用del顯然更具有語義化。而且del還帶有cite和datetime來表明刪除的原因以及刪除的時間。ins是表示插入，也有這樣的屬性。如： 
<p>It really was <ins cite="rarara.html" datetime="20031024">very</ins> good.</p>

5. code, 表示是計算機代碼

本文所用到的標簽，都用<code>和</code>包圍了起來，表示是計算機代碼。而默認情況下，這些代碼會用打字體表示。

6.button, 少用Input

button默認的表現和input type="submit"是一致的。從命名上來看，用作按鈕當然以button為首選咯。