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タグは、Googleが先駆けて生み出した「スパムリンク対策」タグであり、検索エンジンに対し、nofollow属性を持つウェブページ上の外部リンクを追跡(つまりクロール)しないよう指示します。これにより、スパムリンクがウェブサイトの評価を分散させるのを防ぎます! |
| licence | |
| tag | |
| friend |
ブラウザサポート
![]()
![]()
![]()
![]()
![]()
すべての主要ブラウザが rel および rev プロパティをサポートしています。
注意: ブラウザはこれらのプロパティを一切使用しません。ただし、検索エンジンはこれらのプロパティを使用して、リンクに関するより多くの情報を得ることができます。
例
例
現在のドキュメントとリンクされたドキュメントの関係を返す:
<html>
<body>
<a id="func" rel="friend"
href="http://www.functravel.com/">Cheap Flights</a>
<script>
document.write(document.getElementById("func").rel);
</script>
</body>
</html>
<body>
<a id="func" rel="friend"
href="http://www.functravel.com/">Cheap Flights</a>
<script>
document.write(document.getElementById("func").rel);
</script>
</body>
</html>
上記の例の出力結果:
friend
試してみる »
Anchorオブジェクト その他の拡張