由於發現有同學在微博轉播和收藏這篇文章,所以回頭來再審視下這篇隨性翻譯的文章,後來發現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。
<link rel='archives' href='http://www.ooxx.com/2012/07' />
author
鏈接到文檔的作者
head標簽內申明文檔作者
canonical
權威,典范
讓搜索引擎知道當前網站中的重復或相似網頁中,哪一個頁面才是站長想讓其抓取與收錄的
<link rel="canonical" href="http://xxoo.com/" />
<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
鏈接到未認可的文檔,比如付費鏈接
由於本人水平有限,難免存在一些錯誤,看官們如果覺得有不妥或者需要補充的地方,請留言指出,謝謝!
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 網站站長工具)