<link>標簽定義了當前文檔與 Web 集合中其他文檔的關係。link 元素是一個空元素,它僅包含屬性。此元素只能存在於 head 部分,不過它可出現任何次數。在 HTML 中,<link> 標簽沒有結束標簽。在 XHTML 中,<link> 標簽必須被正確的關閉。 除了HTML的標準通用屬性之外 ...
<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.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:原文轉自:http://blog.csdn.net/chen_zw/article/details/40786425