首頁 > web前端 > css教學 > 主體

被遺忘的html tags_經驗交流

WBOY
發布: 2016-05-16 12:09:16
原創
1636 人瀏覽過

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

1. dl, dt, dd系列定義列表
網站重構讓很多人知道了ul, olli,但是在列表的家族裡面還有一個dl,就是「定義列表」。比如說字典裡面的字的解釋、定義就可以用這種列表。

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

2. citeq, 好引用
在寫blog的時候,常常是要引用一些blogger的話語,那麼可以用cite標籤。一般的blog程式後代自帶的blockquote,是用來引用大段的話,還必須包含塊級元素,例如div, p等等。而且blockquote也自帶一個cite屬性,可以以URI標註資料的來源。 cite標籤則主要用來引用某人的話,如:
<p>And <strong><cite></strong>Bob<strong></cite></strong> said <q>No, I think it's a banana</q>.</p>

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

4. ins, del, 插入和刪除
知道del,就不要再用<s>做刪除線了,用del顯然更具有語義化。而且del還帶有citedatetime來表示刪除的原因以及刪除的時間。 ins是表示插入,也有這樣的屬性。如:
<p>It really was <strong><ins cite="rarara.html" datetime="20031024"></strong>very<strong></ins></strong> good.</p>

5. code, 表示是電腦程式碼
本文所用到的標籤,都用包圍了起來,表示是電腦程式碼。而預設情況下,這些代碼會用打字體表示。

6.button, 少用Input
button預設的表現和input type="submit"是一致的。從命名上來看,用作按鈕當然以button為首選咯。

這邊談及的還很少吧,但是我覺得是在寫Blog時候比較常用的。 RSS相對於html優勢就在於清晰簡單的語意定義,其實html還是有很多有意義的標籤,可以參考w3.org相關頁面

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板