`link` 要素

since: 31st/Aug./2001; last modified: 8th/Sep./2001

link 要素タイプはリンクモジュールに含まれる要素で、 head 要素の子要素として定義されています。 head 要素は任意の個数 link 要素を持って良いことになっています。

link 要素タイプの役割は、当該文書と関係のある外部文書と、その関係を指定することです。

Link モジュール [拙訳]: link

概念モジュール定義
要素	属性	最小内容モデル
`link`	`Common`, `charset` (Charset), `href` (URI), `hreflang` (LanguageCode), `media` (MediaDesc), `rel` (LinkTypes), `rev` (LinkTypes), `type` (ContentType)	EMPTY

実装： DTD

内容モデル

link 要素は meta 要素と同様に空要素であり、内容モデルを持ちません (EMPTY)。従って、タグの記述方法が、空要素以外の要素とでは変わります。開始タグの末尾を " />" としてください：

<head>
  <title>XHTML 1.1 とはなんだろうか</title>
  <link rel="start" href="../index.html" />
</head>

スラッシュの直前に半角スペースが一つ挿入されているのは、後方互換のためです。

属性

Common

基本的な属性の集合
Core + Events + I18N + Style

charset = Charset

リンク目的地文書の文字符号化方法
具体的には [RFC2045] による文字符号化方法

href = URI

リンク目的地の指定
絶対 URI と相対 URI の何れも使える

hreflang = LanguageCode

リンク目的地文書の言語
許される値は、基本的には [RFC3066] による言語コード

media = MediaDesc

リンク目的地文書をサポートするメディアを指定する
値はメディア記述子、または複数のメディア記述子を半角コンマで区切ったリスト
例えば、コンピュータスクリーンと印刷媒体ならば media="screen,print"

rel = LinkTypes

当該文書に対する、目的地文書の役割を指定する
許される値は、リンクタイプ、または複数のリンクタイプを半角スペースで区切ったリスト
例えば、当該文書の次のページならば rel="next"

rev = LinkTypes

目的地文書に対する、当該文書の役割を指定
許される値は、リンクタイプ、または複数のリンクタイプを半角スペースで区切ったリスト
例えば、当該文書の次のページならば rev="prev"

type = ContentType

media 属性とは異なり、目的地文書のデータ型を指定する。
例えば、ポストスクリプト版ならば type="application/postscript"
許される値は、 [RFC2045] によるメディア・タイプ

サンプル

基本的な使い方

<head>
  <title>meta要素</title>
  <link rel="prev" href="./title.html"
        title="title要素" />
  <link rel="next" href="./link.html"
        title="リンク要素" />
  <link rel="start index" href="./index.html"
        title="XHTML 1.1 とはなんだろうか" />
  <link rel="bookmark" href="./links.html"
        title="Web Site 作成支援リンク集" />
  <link rel="bookmark" href="../links/index.html"
        title="NEXTindex リンク集" />
  <link rev="made"
        href="mailto:���[���A�h���X"
        title="製作者へのメール" />
</head>

上から順番に当該文書の「一つ前の文書」、「次の文書」、「最初であり索引である文書」、「ブックマーク」、「ブックマーク」、「製作者への連絡先」が指定されています。

複数のリンクタイプの指定

リンク先目的地文書の役割は、 rel 属性、 rev 属性でリンクタイプを用いて指定します。一つのリンク目的地文書に対して複数のリンクタイプを指定する場合は、複数のリンクタイプを半角スペースで区切ったリストが属性値になります。

`rev` 属性と `rel` 属性

rel 属性は当該文書に対する目的地文書の関係 (relation) を指定し、 rev 属性はその逆 (reverse relation) をい指定します。ファイル A からみてファイル B が "NEXT" ならば、ファイル A ではファイル B を rel="next" として参照します。同時にファイル B ではファイル A を rev="next" として参照します。

属性値 `bookmark`

いわゆるリンク集です。一つの文書に複数のリンク集を与える文書が定義されていることが珍しくありません。このような時は、複数の link 要素を記述することになります。一つの外部リソースに複数のリンクタイプを指定したい場合とは逆になりますので、注意が必要です。

MS I.E.6, Netscape 6.1 ではサポートされていませんが、 Lynx, W3m, iCab などではサポートされています。

外部スタイルシート

<link rel="stylesheet" href="./core.css"
      media="screen,print" type="text/css"
      title="Fixed" />
<link rel="alternate stylesheet" href="./green.css"
      media="screen,print" type="text/css"
      title="Green Style" />
<link rel="alternate stylesheet" href="./navy.css"
      media="screen,print" type="text/css"
      title="Navy Style" />
<link rel="alternate stylesheet" href="./maroon.css"
      media="screen,print" type="text/css"
      title="Red Style" />

外部スタイルシートへのリンクでは、rel 属性の値が stylesheet になります。ユーザーが選択可能な代替スタイルシートでは alternate と一緒に指定します： rel="alternate stylesheet"

上の例では、 media 属性値のメディア記述子によって、スタイルシートを適合させる対象メディアをコンピュータスクリーン (screen) と印刷媒体 (print) に指定しています： media="screen,print"

この例のように、メディア記述子を複数指定する場合は、複数のメディア記述子を半角コンマで区切ったリストが属性値になります。リンクタイプの場合は半角スペースで区切ったリストになりますので、紛らわしいですね。

因みに、 CSS のデータタイプは text/css です： type="text/css"

CSS に関する概要は本稿付録「CSS」を参照ください。詳細は「CSS とはなんだろうか」を参照ください。

その他

リンクタイプ alternate のリンクで、 hreflang を指定すると翻訳版、 media を指定すれば当該メディア版を指し示すことになります。

翻訳版の指定

<link xml:lang="fr" title="La documentation en Fran&ccedil;ais"
      type="text/html"
      rel="alternate" hreflang="fr"
      href="http://someplace.com/manual/french.html" />

このリンクは、当該文書のフランス語翻訳版 (hreflang="fr") を指し示しています。

別メディア版の指定

<link title="The manual in postscript"
      type="application/postscript"
      rel="alternate" media="print"
      href="http://someplace.com/manual/postscript.ps" />

このリンクは、当該文書の印刷用 (media="print") ポストスクリプト版 (type="application/postscript") を指し示しています。

link 要素