<link rel="" href="">
<link rel="contents" href="index.html">
<link rel="prev" href="page1.html">
<link rel="next" href="page3.html">
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 での表示例です。ブラウザの設定により、ナビゲーションを表示することができます。
- サイト内検索