其實(shí)有很多html tags是極富于語義的,而在table布局大行其道后,很多語義化的標(biāo)簽就慢慢的被人們淡忘了。比如可能很多人一次都沒見過的標(biāo)簽:dl
, dt
, dd
, cite
, q
, dfn
, ins
, del
, var
等等。
1. dl
, dt
, dd
系列定義列表
網(wǎng)站重構(gòu)讓很多人知道了ul
, ol
和li
,但是在列表的家族里面還有一個(gè)dl
,就是“定義列表”。比如說詞典里面的詞的解釋、定義就可以用這種列表。
如:
dl>
dt>Dog/dt>
dd>A carnivorous mammal of the family Canidae./dd>
/dl>
2. cite
和q
, 良好引用
在寫blog的時(shí)候,經(jīng)常是要引用一些blogger的話語,那么可以用cite
標(biāo)簽。一般的blog程序后代自帶的blockquote
,是用來引用大段的話,還必須包含塊級元素,比如div
, p
等等。而且blockquote
也自帶一個(gè)cite
屬性,可以以URI標(biāo)注資料的來源。cite
標(biāo)簽則主要用來引用某人的話,如:
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
來表明刪除的原因以及刪除的時(shí)間。ins
是表示插入,也有這樣的屬性。如:
p>It really was ins cite="rarara.html" datetime="20031024">very/ins> good./p>
5. code
, 表示是計(jì)算機(jī)代碼
本文所用到的標(biāo)簽,都用code>和/code>包圍了起來,表示是計(jì)算機(jī)代碼。而默認(rèn)情況下,這些代碼會(huì)用打字體表示。
6.button
, 少用Input
button
默認(rèn)的表現(xiàn)和input type="submit"
是一致的。從命名上來看,用作按鈕當(dāng)然以button為首選咯。
這邊談及的還很少吧,但是我覺得是在寫B(tài)log時(shí)候比較常用的。RSS相對于html優(yōu)勢就在于清晰和簡單的語義定義,其實(shí)html還是有很多有意義的標(biāo)簽,可以參考w3.org的相關(guān)頁面。