標籤的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 -- 定義網站收藏夾圖標

<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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章