HTML の link 要素によるナビゲーション

作成日：2009-12-29
最終更新日：

HTML での link 要素

HTML では link 要素を適切に使うことによって、ユーザーエージェント (UA)に関連文書を表示させるようにすることができる。ここでのユーザーエージェントは、ブラウザとほぼ同一の意味なので、以下ブラウザで統一する。 link 要素の使い方であるが、たとえば<head>～</head>領域に次のように書く。


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

上記記述は、本文書の次の文書が chapter2.html であることをリンクによって示している、という意味である。以降、上記のrel="***" で記されている *** をリンクタイプと呼ぶ。また、上記リンクがブラウザ固有の機能として表示される領域を、ナビゲーションバーと呼ぶ。

ブラウザごとによる表示の違い

link 要素記述をしても、ナビゲーションバーを表示できるブラウザは限られる。

Firefox のアドオン Site Navigation Bar 2.0.1, 3.0
Firefox のアドオン Link Widgets 1.7.0.1
Opera
iCab
Lynx
SeaMonkey

ただし、Site Navigation Bar は、Firefox 7.0.1 には対応していない。以下は、特記なき限り上記のブラウザで可能な記述である。

現在の文書とリンク先の関係
リンクタイプ	意味する関係
index	ドキュメントに対する索引
contents	ドキュメントに対する目次
next	次の文書へのリンク
prev	前の文書へのリンク
start	最初の文書へのリンク
end	最後の文書へのリンク（Firefox, iCab）
last	最後の文書へのリンク（Firefox, Opera, iCab）
made	ドキュメントの作者。メール URI でも、ホームページの作者紹介のページでもよい（Firefox Site Navigation Bar 2.0.1 以下, iCab）。ただし、この場合は rel 属性ではなく rev 属性になる
author	ドキュメントの作者。メール URI でも、ホームページの作者紹介のページでもよい。（Opera, Firefox Site Navigation Bar 2.0.3 以上）
contents	ドキュメントの目次 (Site Navigation Bar 2.0.1 以下)
toc	ドキュメントの目次 (Site Navigation Bar 2.0.3 以上)。 toc は Table Of Contents の略。
glossary	ドキュメントの用語集
index	ドキュメントの索引

ブラウザによる対応

Opera

Opera 10.10 では、表示→ツールバー→ナビゲーションバーを設定することにより、次の１３種類のナビゲーションバーが表示される。

ホーム、索引、目次、検索、用語集、ヘルプ、最初、前へ、次へ、最後、親階層、著作権、作成者、

以前はこれらに加えてニュースフィードというボタンもあったが、これは現在の版では独立したメニューになっているので削除されている。ニュースフィードが独立したことはよいのだが、rel="alternate" には RSS だけではなく、他の言語の参照や、スタイルシートの変更なども含まれている。私の不勉強ゆえの無知かもしれないが、現在の Opera は RSS 取り込みのインターフェースと、スタイルシートの変更のインターフェースは分かれている。スタイルシートを変更するには、トップメニューの表示→スタイルの最下部にあるので、そこから変更できる。なお、スタイルシート変更以外の alternate 属性、たとえば言語の切り替えなどは不明である。

参考リンク

link のすすめ (kuruman.org)
W3C勧告私的日本語訳(www.asahi-net.or.jp)

iCab

Macintosh 専用のブラウザとして、知る人ぞ知る面白いブラウザ。標準で上記表のナビゲーションツールバーを表示してくれる。

Firefox のアドオン

Firefox 本体では link 要素による関連文書の表示ができないが、アドオンを使うとナビゲーション・ツール・バーが表示される。

Site Navigation Bar 2.0.1, 3.0

https://addons.mozilla.org/ja/firefox/addon/1949
日本語版はない。特に問題なく使っていたが、Firefox 7.0.1 には対応していないので、現在は使っていない。

Link Widgets 1.7.0.1

https://addons.mozilla.org/ja/firefox/addon/link-widgets/
こちらは Firefox 7.0.1 で問題なく動く。現在はこちらを使っている。

Lynx

link 要素が記述されていれば、そのリンク要素が画面の先頭に表示される。

SeaMonkey

Firefox と並び、Mozilla 系であるが、標準でサイトナビゲーションバーを備えている。ただし、デフォルトでは表示されない。トップメニューの表示→表示／隠す→サイトナビゲーションバーから、＜常に表示＞か＜必要なときだけ表示＞にすれば表示される。デフォルトは＜表示しない＞である。

まりんきょ学問所での使用状況

私のホームページは恐ろしいことに 2000 ページを超えているが、なるべくどのページにも何らかの link 要素を付けたいと思っている。しかし、付けられる link 要素とそうでない要素があるので、そのあたりは分別したいと考えている。

home と up

まず、どのページでも必要なのが、home リンクタイプである。ここは、固定で http://www.ne.jp/asahi/music/marinkyo/index.html.?? (?? は言語タイプ、以降も同様）とすればよい。それから、階層化が厳格にできているページであれば、up リンクタイプも容易に設置できる。現在、階層化が厳格にできているページとあいまいなページがあるので、確定させたい。

start, prev, next, last

次に、start, prev, next, last(end) をどうするかという問題がある。最初からページの構成を確実に行なっているべきなのだが、ページを加えたり合体させたりするとリンクの前後関係が乱れる。毎月書く日記ものであれば比較的 prev と next については決まっているが、 start と last をどのようにするかが悩ましい。今のところ、続きものを書くときには、start には antauxparolo.html.?? （エスペラントで前書きの意味）、 last には postparolo.html.?? （エスペラントで後書きの意味）として、決め打ちで書く規則を決め、試行している。

contents, glossary, index

このあたりになると悩みは更に深くなる。contents は目次であり、今のところ up と同義で使っているが、厳密な意味では異なる。例を挙げて説明する。次のような目次で本を書くとしよう。見ての通り、章（大分類）、節（中分類）、項（小分類）からなる。

　生鮮三品：目次(contents.html)
　1. 魚介 (seafood.html)
　　1.1 魚類 (fish.html)
　　　1.1.1 マグロ (tuna.html)
　　　1.1.2 ブリ (yellowtail.html)
　　　1.1.3 イワシ (sardine.html)
　　1.2 貝類 
　　　1.2.1 アサリ
　　　1.2.2 シジミ
　　　1.2.3 ハマグリ
　2. 青果
　　2.1 野菜
　　　2.1.1 キュウリ
　　　2.1.2 トマト
　　　2.1.3 ハクサイ
　　2.2 果物
　　　2.2.1 ミカン
　　　2.2.2 リンゴ
　　　2.2.3 イチゴ
　3. 精肉
　　3.1 生肉
　　　3.1.1 牛肉
　　　3.1.2 豚肉
　　　3.1.3 鶏肉
　　3.2 製肉
　　　3.2.1 ハム
　　　3.2.2 ベーコン
　　　3.2.3 ウィンナー

上記が書かれているページは目次、すなわち contents.html である。従って、個別の項が書かれているページからは contents リンクタイプとして contents.html ページにリンクされる。しかし、個別の項から up リンクタイプでリンクされるページは contents.html ではなく、直上の階層にあるページである。たとえば上記の例であれば、tuna.html から up リンクタイプでリンクされるページは、 fish.html であり、seafood.html でもなく、contents.html でもない。これは、contents リンクタイプと up リンクタイプを分ける必要がある例である。なお、私のホームページでは、このような多階層化に対応して up と contents を分ける、ということはしていない。

リンクタイプに glossary が置かれると、どのようなページを用意すればよいかますます困る。上記の例では、専門用語に関する解説が行なわれるだろう。たとえば、次のような用語辞典が考えられる。

ゼイゴ