HTML中rel屬性分析

發(fā)布時(shí)間：2015-08-26 15:42:54 作者：佚名

這篇文章主要介紹了HTML中rel屬性分析,需要的朋友可以參考下

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

示例

帶有rel屬性的連接:

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

瀏覽器支持

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

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

定義和使用

rel屬性指定了當(dāng)前文檔和被連接文檔之間的關(guān)系

語(yǔ)法

<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。

屬性值

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