Link rel 屬性

Link 對象

rel 屬性規定目前文檔與被連結文檔之間的關系。

設定 rel 屬性：

linkObject.rel="relationship"

傳回 rel 屬性：

linkObject.rel

屬性值：

值

描述

alternate

文檔的替代版本（比如列印頁、翻譯或鏡像）。

stylesheet

文檔的外部樣式表。

start

集合中的第一個文檔。

next

集合中的下一個文檔。

prev

集合中的上一個文檔。

contents

文檔的目錄。

index

文檔的索引。

glossary

在文檔中使用的詞彙的術語表（解釋）。

copyright

包含版權資訊的文檔。

chapter

文檔的章。

section

文檔的節。

subsection

文檔的小節。

appendix

文檔的附錄。

help

幫助文檔。

bookmark

相關文檔。

所有主要浏覽器都支援 rel 屬性

<b>注意：</b> Opera或Safari浏覽器不支援"search" 值。

<b>注意：</b> IE, Safari, 或 Chrome 浏覽器不支援 "sidebar"。

顯示目前文檔與被連結文檔之間的關系:

&lt;!DOCTYPE html&gt;

&lt;html&gt;

&lt;head&gt;

&lt;meta charset="utf-8"&gt;

&lt;title&gt;菜鳥教程(runoob.com)&lt;/title&gt;

&lt;link id="link1" rel="stylesheet" type="text/css" href="style1.css"&gt;

&lt;script&gt;

function displayResult(){

    var x=document.getElementById("link1").rel;

    alert(x);

}

&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;

&lt;button type="button" onclick="displayResult()"&gt;顯示連結元素之間的關系&lt;/button&gt;

&lt;/body&gt;

&lt;/html&gt;