標籤的rel屬性詳解

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

除了HTML的標準通用屬性之外，link元素還包括許多可選屬性: charset, href, hreflang, media, rel, rev, target, title和類型。在這些屬性中，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 -- 定義網站收藏圖示

<link rel="shortcut icon" href="http://blog.yunlives.com/images/favicon.ico" type="images/x-icon"/>
<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) canonical -- 指明網址的規範版本

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

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

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

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

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

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

(8 ) friend -- 友情連結

#    

參考連結:

http: //www.cnblogs.com/aNd1coder/archive/2012/05/30/2526359.html

http://www.dreamdu.com/xhtml/attribute_rel/

# http://www.w3school.com.cn/jsref/prop_anchor_rel.asp

#

以上是標籤的rel屬性詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！