<link> - リンク

トップ > HTMLリファレンス > <link>

■ 概要

項目説明
形式<link rel="..." href="...">
サポートH2+ / e3+ / N4+ / Fx1+ / Op6+ / Ch1+ / Sa1+
タグの省略開始タグ:必要、終了タグ:無し

■ 説明

<link> は、href 属性で指定した文書を参照します。<head>〜</head>の間に記述し、いろいろな目的で使用されます。

■ 属性

【よく使用される属性】
属性意味
rel=relH2+/e3+/N4+。この文書から見た参照先の文書との関係を指定します。stylesheet(スタイルシート)、fontdef(フォント定義ファイル)、Contents(目次)、Index(索引)、Glossay(用語集)、Copyright(著作権情報)、Next(次の文書)、Prev(前の文書)、Parent(上位の文書)、Help(ヘルプ)、Bookmark(ブックマーク)などがあります。
href=urlH2+/e3+/N4+。文書のURLを指定します。
src=urlN4+。hrefと同じ意味を持ちます。

【あまり使用されない属性】
属性意味
charset=charsetH4。参照先の文書のキャラクタセット(Shift_Jisなど)を指定します。HTML5 には定義されていません。
disablede4+。この<link>タグを無効化します。
hreflang=langH4+。参照先の文書の言語を指定します。
media=mediaH4+/e4+。文書の出力先を指定します。
screen - 通常の画面に出力します。
print - 印刷プレビュー画面に出力します。
all - 全出力先に出力します。
methods=methodsH2。HTML2.0で定義されていましたが、現在は使用されていません。
rev=relH2-H4。参照先の文書から見たこの文書との関係を指定します。
target=targetH4T。表示ターゲットを指定します。
type=typeH4+/e3+/N4+。参照先の文書のタイプを指定します。
urn=urlH2。HTML2.0で定義されていましたが、現在は使用されていません。
sizes=nH5+。rel="icon" の際のアイコンサイズを sizes="16x16" のように指定します。sizes="16x16 32x32" のように複数指定することも可能です。

【一般属性】
属性意味
class=classH4+/e3+/N4+。クラスを指定します。
id=idH4+/e3+/N4+。ID を指定します。
style=styleH4+/e3+/N4+。スタイルシートを指定します。
title=titleH4+/e4+/N6+。タイトルを指定します。
dir=dirH4+/e5+/N6+。文字の表示方向を指定します。
lang=langH4+/e4+/N6+。言語を指定します。
accesskey=keyH5+。アクセスキーを指定します。
tabindex=nH5+。タブインデックスを指定します。
contenteditable=boolH5+/e55+。要素を編集可能にします。
contextmenu=idH5+。コンテキストメニューを指定します。
draggable=boolH5+。ドラッグを可能にします。
dropzone=valueH5+。ドロップを可能にします。
hiddenH5+。要素を非表示にします。
spellcheck=boolH5+。スペルをチェックします。
IE拡張属性他にもIEで拡張された属性が指定可能です。

■ 外部スタイルシートを指定する

外部スタイルシートを指定します。詳細は「とほほのスタイルシート入門」を参照してください。

<head>
  :
<link rel="stylesheet" href="xxx.css" type="text/css">
  :
</head>

外部スタイルシートファイルには例えば次のように記述しておきます。これにより、すべての h1 要素の色を赤くすることができます。

H1 { color: red }

ほとんど利用されていませんが、Netscape Communicator 4.* では、CSS1 の他にも JSS(JavaScript Style Sheet)をサポートしています。

<link rel="stylesheet" href="xxx.jss" type="text/javascript">

■ フォントファイルをダウンロードする

フォントファイル(*.pfr)をサーバーからダウンロードします。Netscape Communicator 4.* でサポートされています。フォントは、www.truedoc.com などから入手することができます。

<link rel="fontdef" src="xxfont.pfr">

■ 他文書との関連

例えば、ブラウザの実装によっては、以下のようなリンクタグを解釈して、ツールバーにナビゲーションボタンを表示するものもあるかもしれません。

<link rel="index" href="index.html">
<link rel="contents" href="content.html">
<link rel="prev" href="chapter1.html">
<link rel="next" href="chapter3.html">

■ 作者を明示する

文書の作者を明示します。通常はメールアドレスや、作者の紹介ページのアドレス(URL)を指定します。この場合、この文書は href の対象から見ると目的語となるため、rel ではなく rev 属性を用いるようです。

<link rev="made" href="mailto:foo@xxx.yyy.zzz">

Copyright (C) 1996-2011 杜甫々
初版:2000年10月9日 最終更新:2011年6月5日
http://www.tohoho-web.com/html/link.htm