HTML中rel屬性分析
我要評論由于發(fā)現(xiàn)有同學(xué)在微博轉(zhuǎ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標(biāo)簽僅在href屬性存在時有效)。
rel屬性指定了當(dāng)前文檔和被連接文檔之間的關(guān)系
語法<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標(biāo)簽內(nèi)配置網(wǎng)站的atom,feed | ||
| shortcut icon | 快捷方式 小圖標(biāo) | 指定標(biāo)題欄,地址欄,收藏欄小圖標(biāo) | ||
| archives | 鏈接到文檔集或歷史數(shù)據(jù) | <link rel='archives' /> |
||
| author | 鏈接到文檔的作者 | head標(biāo)簽內(nèi)申明文檔作者 | ||
| canonical | 權(quán)威,典范 |
讓搜索引擎知道當(dāng)前網(wǎng)站中的重復(fù)或相似網(wǎng)頁中，哪一個頁面才是站長想讓其抓取與收錄的 <link rel="canonical" href="http://xxoo.com/" />
|
||
| 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 | 鏈接到當(dāng)前文檔的第一頁 | <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 | 提供指向一個文檔的鏈接。該文檔提供當(dāng)前文檔的上下文關(guān)系 | |||
| search | 鏈接到文檔的搜索工具 | |||
| sidebar | 鏈接到應(yīng)該在瀏覽器邊欄中顯示的文檔 | |||
| contents | 鏈接到當(dāng)前文檔的內(nèi)容目錄 | 一般放在文檔主內(nèi)容的側(cè)欄,方便在當(dāng)前頁面各主題之間跳轉(zhuǎn) | ||
| index | 鏈接到當(dāng)前文檔的索引 | |||
| glossary | 鏈接到當(dāng)前文檔術(shù)語表 | |||
| copyright | 鏈接到當(dāng)前文檔的版權(quán)或隱私頁面 | 網(wǎng)站底部版權(quán) | ||
| chapter | 從當(dāng)前文檔鏈接到一個章節(jié) | |||
| section | 鏈接到文檔列表中的一個小節(jié) | |||
| subsection | 鏈接到當(dāng)前文檔列表中的子小節(jié)。（一個小節(jié)可擁有多個子小節(jié)。） | |||
| head | 鏈接到集合中的頂級文檔 | |||
| toc | 鏈接到集合的目錄 | |||
| parent | 鏈接到源上面的文檔 | |||
| child | 鏈接到源下面的文檔 | |||
| help | 鏈接到幫助文檔 | <link rel="help" href="http://www.xxoo.net/help.html" /> |
||
| bookmark | 用作書簽的永久 URL | 列表標(biāo)題 | ||
| external | 鏈接到外部文檔 | 文章中引用到的外部連接 | ||
| nofollow | 鏈接到未認(rèn)可的文檔，比如付費鏈接 Google 使用 "nofollow" 來規(guī)定其搜索蜘蛛不跟蹤該鏈接 |
站內(nèi)相關(guān)文章，站內(nèi)隨機文章，評論回復(fù)，列表及文章頁面中的評論、瀏覽和作者鏈接，側(cè)邊欄的評論地址，首頁導(dǎo)航中的“首頁”鏈接，評論最多文章，訪問最多文章 | ||
| noreferrer | 規(guī)定當(dāng)用戶跟隨該超鏈接時，瀏覽器不應(yīng)發(fā)送 HTTP referer 頭 | |||
| license | 鏈接到文檔的版權(quán)信息 | |||
| tag | 當(dāng)前文檔標(biāo)簽（關(guān)鍵詞） | 側(cè)邊欄中的標(biāo)簽云，文章中的標(biāo)簽，列表中的標(biāo)簽，標(biāo)簽頁面的標(biāo)簽 | ||
| friend | 贊助 | 友情鏈接，底部的 themes by |
由于本人水平有限,難免存在一些錯誤,看官們?nèi)绻X得有不妥或者需要補充的地方,請留言指出,謝謝!
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
關(guān)于 rel="canonical"(google 網(wǎng)站站長工具)
相關(guān)文章
HTML相對路徑(Relative Path)和絕對路徑(Absolute Path)深入理解
web應(yīng)用程序功能強大就在于它的超鏈接（Hyper Link），比如在a頁面保存指向b頁面的鏈接地址（也就是URI），但問題就恰恰出在了這里，如何正確引用一個文件。比如，怎樣在一2012-12-21- 除了HTML的標(biāo)準(zhǔn)通用屬性之外，link元素還包括很多可選屬性: charset, href, hreflang, media, rel, rev, target, title和type。2009-08-26