1. Home
  2. HTMLタグ
  3. ページ全般タグ
  4. 別ページとの関係を示す

別ページとの関係を示す


<link rel="" href="">

ブラウザ
IE
Fx
Sf
Cr
O
分類
空要素
要素
link要素

link要素を使用すると、関連する別の文書との関係を示すことができます。この要素はhead要素の中で使用します。

一部のブラウザは、この情報を利用してナビゲーション用のメニューを表示します。



<link rel="contents" href="index.html">
<link rel="prev" href="page1.html">
<link rel="next" href="page3.html">


属性 説明
rel="" リンクタイプ 現在の文書から見たリンク先の関係を示す
rev="" リンクタイプ リンク先から見た現在の文書の関係を示す
href="" URI リンク先の文書を指定

rel属性rev属性の値(リンクタイプ)は、半角スペースで区切って複数指定することが可能です。

rel="start prev"

rel属性は、現在の文書から見たリンク先の文書(href属性で指定した文書)の関係を示します。

現在の文書→リンク先の文書

<link rel="next" href="page2.html">

上記の指定は、現在の文書から見た「page2.html」が、「次の文書(next)」であることを示しています。

rev属性は、リンク先の文書から見た現在の文書の関係を示します。

現在の文書←リンク先の文書

<link rev="prev" href="page2.html">

上記の指定は、「page2.html」から見た現在の文書が、「前の文書(prev)」であることを示しています。


【主な指定例】

リンクタイプの一覧はこちらでご覧いただけます。

リンク先が、現在の文書に対する「目次」であることを示す。
<link rel="contents" href="example.html">

リンク先が、現在の文書に対する「索引(インデックス)」であることを示す。
<link rel="index" href="example.html">

一連の文書の中で、リンク先が「最初の文書」であることを示す。
<link rel="start" href="example.html">

一連の文書の中で、リンク先が「前の文書」であることを示す。
<link rel="prev" href="example.html">

一連の文書の中で、リンク先が「次の文書」であることを示す。
<link rel="next" href="example.html">

リンク先が、現在の文書に関連する「ヘルプ」であることを示す。
<link rel="help" href="example.html">

リンク先が、現在の文書に関連する「用語集」であることを示す。
<link rel="glossary" href="example.html">

リンク先が、現在の文書に対する「著作権表示」であることを示す。
<link rel="copyright" href="example.html">

リンク先が、現在の文書の「翻訳版en = 英語版)」であることを示す。
<link rel="alternate" href="example.html" hreflang="en">

リンク先が、現在の文書の「別メディア版print = 印刷用)」であることを示す。
<link rel="alternate" href="example.html" media="print">

alternate は、リンク先が「代替文書」であることを示します。同時にhreflang属性が指定されている場合は、その代替文書が「現在の文書の翻訳版」であることを示します。同時にmedia属性が指定されている場合は、その代替文書が「別のメディア向けの文書」であることを示します。

hreflang属性media属性については、link要素のページをご覧ください。

【title属性の指定】

title属性を使用することで、リンク先のタイトル(または簡単な説明)を示すことができます。一部のブラウザでは、この内容がメニューのテキストとして使用されるようです。

<link rel="contents" href="index.html" title="HTML indexの目次">

メモ

ナビゲーションメニューを表示できるブラウザは、まだそれほど多くはないようです。(IEなどでは表示されません)


使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>文書のタイトル</title>

<link rel="contents" href="index.html">
<link rel="start" href="page1.html">
<link rel="prev" href="page2.html">
<link rel="next" href="page4.html">
<link rel="help" href="help.html">
<link rel="copyright" href="copy.html">

</head>
<body>



</body>
</html>

表示例

[ナビゲーションの表示例]

※Opera 9 での表示例です。ブラウザの設定により、ナビゲーションを表示することができます。


ページ全般タグ

ページの先頭へ


inserted by FC2 system