link標籤的rel屬性，link標籤rel屬性

link標籤的rel屬性，link標籤rel屬性

<link>標籤定義了當前文檔與 Web 集合中其他文檔的關係。link 元素是一個空元素，它僅包含屬性。此元素只能存在於 head 部分，不過它可出現任何次數。在 HTML 中，<link> 標籤沒有結束標籤。在 XHTML 中，<link> 標籤必須被正確的關閉。

 

除了HTML的標準通用屬性之外，link元素還包括很多可選屬性: charset, href, hreflang, media, rel, rev, target, title和type。這些屬性中，target只允許在Transitional和Frameset兩種DTD中使用，其它都可在Strict, Transitional和Frameset三種DTD中使用。

 

這些屬性中，rel屬性是核心，搜尋引擎可以利用該屬性獲得更多有關連結的資訊。

(1)  stylesheet -- 調用外部樣式表

該屬性是最常用的，用於調用樣式表，如下所示：

<link rel="stylesheet" href="http://blog.yunlives.com/style.css" type="text/css" media="screen" />  

其中href是目的文件的URL， type則規定了目標URL的MIME類型，而media規定了文檔將顯示在什麼裝置上

media: [“screen”:表示顯示器裝置; "print":表示列印裝置;]。

(2)  icon -- 定義網站收藏夾表徵圖

1. <link rel="shortcut icon" href="http://blog.yunlives.com/images/favicon.ico" type="images/x-icon"/>  
2. <link rel="icon" href="http://blog.yunlives.com/images/favicon.png" type="images/png"/>  

icon屬性指定標題列,地址欄,收藏欄小表徵圖

Note: 1. IE只支援ico格式的favicon;  2. rel屬性必須包含shortcut, 才會在IE下顯示;3.IE標必須是.ico格式的，其他瀏覽器不用

(3) canonical -- 指明網址的規範版本

 <link rel="canonical" href="http://blog.yunlives.com?page=3/" />  

canonical屬性用於讓搜尋引擎知道當前網站中的重複或相似網頁中，哪一個頁面才是站長想讓其抓取與收錄的。

(4) author -- 申明文檔作者

(5) home -- 串連到網站的首頁

(6)  search -- 連結到文檔的搜尋工具

(7) sidebar -- 連結到應該在瀏覽器側邊欄中顯示的文檔

(8) friend -- 友情連結

PS：原文