文書のつながりなどの明示
属性:空要素
書式:
<link rel="prev" href="./title.html">
<link rel="next" href="../meta/meta.html">
<link rel="stylesheet" href="../../css/room_color.css" type="text/css">
ファイルとファイルのつながりを明示する要素です。ヘッダー部の中に記載します。
書式の場合では、上から以下意味を持ちます。
- 「このページの直前のページがこのページと同じフォルダにある『title.html』である」
- 「このページの次のページが『../meta/meta.html』である」
- 「このページに対するスタイルシートが『../../css/room_color.css』にある」
この要素の「prev」や「next」などに対応しているブラウザは結構少ないようなので、
スタイルシートやスクリプトの指定などにしか使っていないかもしれません。
(悪名高きNetscape6.0(バグが多かったんですね)あたりで対応していたようですが、
Netscape7.1で対応されなくなってしまいました。Firefoxでも対応されていません。)
しかし、この属性に対応しているブラウザではいろいろなことができます。
対応しているブラウザでは『prev』や『next』を指定しているとタスクバーなどの位置にボタンが表示されるようになるようです。
(残念ながら、管理人はこの要素に対応してボタンを表示するブラウザを知りません。)
link要素内の属性
rel(順方向)とrev(逆方向)という属性があり、relはrelation、revはreverseから来ています。
rel はそのファイルを主体としたhref参照先との関係を、rev はhref参照先を主体としてそのファイルとの関係を表します。言い換えれば、能動態はrel、受動態はrevとなります。
通常、ページの関係を示すときはどちらか(relの方がわかりやすいと思います)に統一した方が良いでしょう。
書式
<link rel="next" href="page.html">
<link rev="prev" href="page.html">
書式の場合同じ意味です。
上は「『この文書』から見て次のページは『page.html』」
下は「『page.html』から見て前のページは『この文書』」
rel / rev のとる値
rel/rev はリスト形式のlink-typeを値に取ります。リスト形式とは、スペースで区切られた1つ以上の値のことです。link-typeとしては、HTML4.01では次のような代表的なものが挙げられています。しかし、別にこれしか取りえないというわけではなく、madeなども使われています。
この値は、大文字小文字を区別しません。
- Alternate : 代替バージョン。異なる言語等の版を示します。media属性と併用すると、異なるメディア向けの版を表します。
- Stylesheet : 外部スタイルシート。Alternate と併用することにより、代替スタイルシートを表します。
- Start : ドキュメント郡の先頭となるドキュメントを示します。ロボットにサイトのトップページを提示する機能があります。
- Next : 連番の次
- Prev : 連番の前(previousも可)
- Contents : 目次(table of contents. 複数の文章を対象とした目次)(ToCも可)
- Index : 索引(当該文章の目次)
- Glossary : 用語集・語彙集
- Copyright : 著作権情報
- Chapter : 章
- Section : 節
- Subsection : 項
- Appendix : 付録
- Help : ヘルプ
- Bookmark : 関連リンク
なお、link要素は、あくまでファイルとファイルの結びつきを示すものですから、ページ内リンクに使うのは本来的な目的ではないと思います。ただ、Index 等の使い方はいまいちよく解らないものがあります。
その他
よく使われるものとして次のものが有ります。
- made : 管理者のe-mailアドレスを記載するのが一般的です。
- search : 検索
- parent / up : 上の階層
- first /begin : 連番の最初
- last / end : 連番の最後
title属性
対応ブラウザではtitle属性をつけておくと、その属性値が表示されたり、ポップアップされたりします。link-type の値には解りにくいものも有りますから、場合によってはこれを指定しておいたほうがいいでしょう。
<link rel="contents" title="目次" href="./hoge4.html">
また、同一のrel値に対し、複数のhref値を用意したい場合にも有効です。
<link rel="bookmark" title="W3C" href="http://www.w3.org/">
<link rel="bookmark" title="mozilla" href="http://www.mozilla.jp/">