這篇文章主要介紹了HTML中rel屬性分析,需要的朋友可以參考下
由於發現有同學在微博轉播和收藏這篇文章,所以回頭來再審視下這篇隨性翻譯的文章,後來發現w3cschools.com.cn已經有了對照的中文譯文,所以這裡我就繼續完善下這篇文章吧,讓它顯得更有價值點。最初想到翻譯這篇文檔源於http://vanessa.b3log.org/research-a-rel-value這篇文章,發現rel屬性擁有非常多不常見的語義化值,原文著重是想列舉這些屬性值的使用場景,覺得非常有必要通過這樣的方式來了解rel屬性。
示例帶有rel屬性的連接:
<a rel=external href=http://www.xxoo.com/>ooxx</a>
rel屬性在所有主流瀏覽器都得到了支持
注:浏览器渲染时会忽略此属性,然而搜索引擎可以从它获得更多的信息(a标签仅在href属性存在时有效)。
rel屬性指定了當前文檔和被連接文檔之間的關係
文法<a rel=value>
已刪除的值：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標籤內配置網站的atom,feed | ||
| shortcut icon | 快捷方式小圖標 | 指定標題欄,地址欄,收藏欄小圖標 | ||
| archives | 鏈接到文檔集或歷史數據 | <link rel='archives' href='http://www.ooxx.com/2012/07' /> | ||
| author | 鏈接到文檔的作者 | head標籤內申明文檔作者 | ||
| canonical | 權威,典範 | 讓搜索引擎知道當前網站中的重複或相似網頁中，哪一個頁面才是站長想讓其抓取與收錄的 <link rel=canonical href=http://xxoo.com/ />
| ||
| stylesheet | 文檔的外聯樣式表 | <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 | 鏈接到當前文檔的版權或隱私頁面 | 網站底部版權 | ||
| chapter | 從當前文檔鏈接到一個章節 | |||
| section | 鏈接到文檔列表中的一個小節 | |||
| subsection | 鏈接到當前文檔列表中的子小節。 （一個小節可擁有多個子小節。） | |||
| head | 鏈接到集合中的頂級文檔 | |||
| toc | 鏈接到集合的目錄 | |||
| parent | 鏈接到源上面的文檔 | |||
| child | 鏈接到源下面的文檔 | |||
| help | 鏈接到幫助文檔 | <link rel=help href=http://www.xxoo.net/help.html /> | ||
| bookmark | 用作書籤的永久URL | 列表標題 | ||
| external | 鏈接到外部文檔 | 文章中引用到的外部連接 | ||
| nofollow | 鏈接到未認可的文檔，比如付費鏈接 Google 使用nofollow 來規定其搜索蜘蛛不跟踪該鏈接 | 站內相關文章，站內隨機文章，評論回复，列表及文章頁面中的評論、瀏覽和作者鏈接，側邊欄的評論地址，首頁導航中的首頁鏈接，評論最多文章，訪問最多文章 | ||
| noreferrer | 規定當用戶跟隨該超鏈接時，瀏覽器不應發送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 網站站長工具)