天天看點

Anchor rel 和 rev 屬性

Anchor rel 和 rev 屬性

Anchor對象

rel 屬性可設定或傳回到目标文檔的關系。

rev 屬性可設定或傳回一個連結的反向關系。

rel (relationship) 屬性規定了從源文檔到目标文檔的關系。

rev (reverse) 屬性規定了從目标文檔到目前文檔的反向關系。

設定 rel 屬性:

anchorObject.rel="relationship"

設定 rev 屬性:

anchorObject.rev="relationship"

傳回 rel 屬性:

anchorObject.rel

傳回 rev 屬性:

anchorObject.rev

兩個屬性均可采用下面的值:

描述

alternate

連結到一個備選的源。

stylesheet

文檔外部樣式表

start

連結到目前文檔的第一頁。

next

連結到集合中的下一個文檔。

prev

連結到集合中的前一個文檔。

contents

連結到目前文檔的内容目錄。

index

連結到目前文檔的索引。

glossary

連結到目前文檔術語表。

copyright

連結到目前文檔的版權或隐私頁面。

chapter

從目前文檔連結到一個章節。

section

連結到文檔清單中的一個小節。

subsection

連結到目前文檔清單中的子小節。(一個小節可擁有多個子小節。)

appendix

連結到文檔的附錄頁。

help

幫助文檔

bookmark

連結到一個書簽。

nofollow

nofollow标簽是由谷歌領頭創新的一個"反垃圾連結"的标簽,用于訓示搜尋引擎不要追蹤(即抓取)網頁上的帶有nofollow屬性的任何出站連結,以減少垃圾連結的分散網站權重!

licence

tag

friend

Anchor rel 和 rev 屬性
Anchor rel 和 rev 屬性
Anchor rel 和 rev 屬性
Anchor rel 和 rev 屬性
Anchor rel 和 rev 屬性

所有主流浏覽器都支援 rel 和 rev 屬性。

<b>注意</b>: 浏覽器不以任何方式使用這些屬性。但是,搜尋

引擎可以使用這些屬性來獲得更多連結的資訊。

傳回目前文檔與連結文檔的關系:

&lt;html&gt;

&lt;body&gt;

&lt;a id="func" rel="friend"

href="http://www.functravel.com/"&gt;Cheap Flights&lt;/a&gt;

&lt;script&gt;

document.write(document.getElementById("func").rel);

&lt;/script&gt;

&lt;/body&gt;

&lt;/html&gt;

以上執行個體輸出結果:

Anchor rel 和 rev 屬性