<link rel="stylesheet" media="screen" href="corporate-screen.css" type="text/css">
<link rel="stylesheet" media="print" href="corporate-print.css" type="text/css">
rel就是relationship的簡寫,指得是連結目標與本份文間之間的關係型態,在W3C當中,有列舉出所有的關係型態,其中相當常用的,大概就是Stylesheet的樣式表型態。你可以使用多個關係型態,當中以半形空白隔開,例如:rel=”alternate stylesheet”,下面列出來的,就是W3C所提供的型態列表:
Alternate : 用來作為替代頁面用,通常會和lang(語言屬性)或是media(媒體屬性)一起使用。當和語言屬性一起使用的時候,其實就是多國語言的轉換;而當和媒體屬性一起使用的時候,就可以應用在友善列印等地方
Stylesheet : 樣式表。用以連結外部樣式表,往往會與Alternate搭配一同使用
Start : 參照文件的開頭,這個連結型態將會告訴搜尋引擎哪個檔案才是作者設定要作為開頭
Next : 當文件是屬於線性文件的時候,例如教學文件等具備一貫性的網頁,指定下一頁的文件,可以讓使用者的流覽器選擇是否要預先載入文件,能夠有效減少使用者感覺上loading時間
Prev : 指定線性文件當中的前一頁,可建立文件的順序性,部分瀏覽器也支援使用「Previous」來替代Prev Contents : 參照網頁內容的說明,部分瀏覽器也可以使用「ToC」(意指Tabel to Content)
Index : 提供當前文件的索引內容
Glossary : 提供當前文件的詞彙資料
Copyright : 提供當前文件的版權宣告
Chapter : 指定當前文件所屬的章
Section : 指定當前文件所屬的節
Subsection : 指定當前文件的節錄內容
Appendix : 指定當前文件相關的附錄與參考資料
Help : 指定協助文件,包括更多訊息,或是連結到其他相關的資料來源網站
Bookmark : 指定書籤資訊
[資料來源:
http://ursuladev.wordpress.com/2007/07/25/html-%E9%80%A3%E7%B5%90%E6%9C%89%E5%B9%BE%E7%A8%AE/]
在microformat的領域裡, 當a標籤設定了rel="tag", 代表該連結為tag的集合頁
例如:
<a href="http://technorati.com/tag/tech" rel="tag">tech</a>
最常見是用在標籤雲(tag cloud)裡
[資料來源:
http://microformats.org/wiki/rel-tag]
另外在
http://orangoo.com/labs/GreyBox/看到一個特別的用法 rel="gb_imageset[nice_pics]"
經追蹤證實rel這個屬性在這裡只是被拿來設定物件類型, 以決定顯示方式用的
善加利用功能不明顯的物件屬性的確可以作更多有創意的發揮