由于發(fā)現(xiàn)有同學在微博轉播和收藏這篇文章,所以回頭來再審視下這篇隨性翻譯的文章,后來發(fā)現(xiàn)w3cschools.com.cn已經(jīng)有了對照的中文譯文,所以這里我就繼續(xù)完善下這篇文章吧,讓它顯得更有價值點。最初想到翻譯這篇文檔源于http://vanessa.b3log.org/research-a-rel-value這篇文章,發(fā)現(xiàn)rel屬性擁有非常多不常見的語義化值,原文著重是想列舉這些屬性值的使用場景,覺得非常有必要通過這樣的方式來了解rel屬性。

示例

帶有rel屬性的連接:

<a rel="external" href="http://www.xxoo.com/">ooxx</a>

瀏覽器支持

rel屬性在所有主流瀏覽器都得到了支持

 

注:瀏覽器渲染時會忽略此屬性,然而搜索引擎可以從它獲得更多的信息(a標簽僅在href屬性存在時有效)。

定義和使用

rel屬性指定了當前文檔和被連接文檔之間的關系

語法

<a rel="value">

HTML 4.01 與 HTML 5 之間的差異

已刪除的值：appendix, chapter, contents, copyright, glossary, index, section, start, subsection。

新的值：archives, author, bookmark, external, first, index, last, license, nofollow, noreferrer, search, sidebar, tag,up。

屬性值

值	描述	場景|示例	HTML4.01	HTML5
appendix	鏈接到文檔的附錄頁
alternate	鏈接到一個備選的源(比如:打印頁, 譯本和鏡像)	head標簽內配置網(wǎng)站的atom,feed
shortcut icon	快捷方式 小圖標	指定標題欄,地址欄,收藏欄小圖標
archives	鏈接到文檔集或歷史數(shù)據(jù)	<link rel='archives' />
author	鏈接到文檔的作者	head標簽內申明文檔作者
canonical	權威,典范	讓搜索引擎知道當前網(wǎng)站中的重復或相似網(wǎng)頁中，哪一個頁面才是站長想讓其抓取與收錄的 <link rel="canonical" href="http://xxoo.com/" /> canonical屬性值通常在，rel屬性中出現(xiàn) 引用網(wǎng)址:http://www.xxoo.com/xhtml/rel_canonical/ canonical從功能上來講，可理解為301永久重定向的輔助功能 canonical可以與相對鏈接或絕對鏈接一起使用，但是建議使用絕對鏈接 Google對canonical的定義是：規(guī)范網(wǎng)頁是一組內容高度相似的網(wǎng)頁的首選版本 canonical：中文"典范"的意思
stylesheet	文檔的外聯(lián)樣式表	<link rel="stylesheet" href="base.css">
home	連接到站點的主頁	<link href="http://www.ooxx.com" rel="home" />
first	鏈接到集合中的首個文檔	<link rel="first" href="index.html">
start	鏈接到當前文檔的第一頁	<link rel="start" href="about:blank">
next	鏈接到集合中的下一個文檔	<link rel="next" href="about:blank">
prev	鏈接到集合中的前一個文檔	<link rel="chapter" href="about:blank">
last	鏈接到集合中最后的文檔	<link rel="last" href="index.html">
up	提供指向一個文檔的鏈接。該文檔提供當前文檔的上下文關系
search	鏈接到文檔的搜索工具
sidebar	鏈接到應該在瀏覽器邊欄中顯示的文檔
contents	鏈接到當前文檔的內容目錄	一般放在文檔主內容的側欄,方便在當前頁面各主題之間跳轉
index	鏈接到當前文檔的索引
glossary	鏈接到當前文檔術語表
copyright	鏈接到當前文檔的版權或隱私頁面	網(wǎng)站底部版權
chapter	從當前文檔鏈接到一個章節(jié)
section	鏈接到文檔列表中的一個小節(jié)
subsection	鏈接到當前文檔列表中的子小節(jié)。（一個小節(jié)可擁有多個子小節(jié)。）
head	鏈接到集合中的頂級文檔
toc	鏈接到集合的目錄
parent	鏈接到源上面的文檔
child	鏈接到源下面的文檔
help	鏈接到幫助文檔	<link rel="help" href="http://www.xxoo.net/help.html" />
bookmark	用作書簽的永久 URL	列表標題
external	鏈接到外部文檔	文章中引用到的外部連接
nofollow	鏈接到未認可的文檔，比如付費鏈接 Google 使用 "nofollow" 來規(guī)定其搜索蜘蛛不跟蹤該鏈接	站內相關文章，站內隨機文章，評論回復，列表及文章頁面中的評論、瀏覽和作者鏈接，側邊欄的評論地址，首頁導航中的“首頁”鏈接，評論最多文章，訪問最多文章
noreferrer	規(guī)定當用戶跟隨該超鏈接時，瀏覽器不應發(fā)送 HTTP referer 頭
license	鏈接到文檔的版權信息
tag	當前文檔標簽（關鍵詞）	側邊欄中的標簽云，文章中的標簽，列表中的標簽，標簽頁面的標簽
friend	贊助	友情鏈接，底部的 themes by

 

由于本人水平有限,難免存在一些錯誤,看官們如果覺得有不妥或者需要補充的地方,請留言指出,謝謝!

參考

http://www.w3schools.com/TAGS/att_a_rel.asp

http://vanessa.b3log.org/research-a-rel-value

http://www.w3school.com.cn/htmldom/prop_anchor_rel.asp

不得不提一下的rel-author 標簽

HTML rel canonical 屬性值

link標簽rel 屬性的含義

關于 rel="canonical"(google 網(wǎng)站站長工具)