ほかの文書との関係性を定義するlink要素
<link />

 link要素は「media-independent link」の略で、ほかの文書との関係性を定義する際に使います。head要素内にしか存在できませんが、複数存在可能です。

 さまざまな文書とのリンク関係を定義でき、最もよく知られているものとしては、外部CSSファイルを読み込ませる場合に使われます。

<html>
<head>
<title>link要素のサンプル</title>
<link rev="prev" href="example1.html" />
<link rel="next" href="example3.html" />
<link rel="stylesheet" type="text/css" href="example2.css" />
</head>
<body>

</body>
</html>

オプション属性

属性 機能 入力例 DOM参照
charset 文字コード名 リンク先の
文字コード
を指定
<link charset="utf-8" href="example.html" />
href URI 現在のページ
と関連する
リソースの
URIを指定
<link rel="prev" href="example.html" />
hreflang 言語コード リンク先の
言語コード
を指定
<link hreflang="ja" href="example.html" />
media "all"
"screen"
"tty" "tv"
"projection"
"print"
"handheld"
"braille"
"aural"
適用先の
出力メディア
を指定
<link media="screen, tv" href="example.html" /> [window.]document.getElementById("【ID属性値名】").media
rel "alternate"
"appendix"
"bookmark"
"contents"
"copyright"
"glossary"
"help" "index"
"next" "prev"
"start"
"chapter"
"section"
"subsection"
現在のページ
から見た
リンク先との
関係性を指定
<link rel="next" href="example.html" /> [window.]document.getElementById("【ID属性値名】").rel
rev "alternate"
"appendix"
"bookmark"
"contents"
"copyright"
"glossary"
"help" "index"
"next" "prev"
"start"
"chapter"
"section"
"subsection"
リンク先
から見た
現在のページ
との関係性
を指定
<link rev="prev" href="example.html" /> [window.]document.getElementById("【ID属性値名】").rev
target
(非推奨属性)
"_blank"
"_self"
"_parent"
"_top"
または、任意の
フレーム名
リンク先を
表示する
方法を指定
<link target="_blank" href="example.html" /> [window.]document.getElementById("【ID属性値名】").target
type MIMEタイプ リンク先の
リソースの
MIMEタイプ
を指定
<link type="text/html" href="example.html" />

追加が可能なイベントハンドラ属性

onclick、ondblclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup

有限会社タグパンダ
喜安 亮介

3/5

 INDEX
Web標準HTMLタグリファレンス(5)
リンクやファイル同士の関係を表す4つのXHTMLタグ
リンク
  a テキストや画像などにリンクを設定するa要素
link ほかの文書との関係性を定義するlink要素
  script スクリプトを文書内に読み込む際に使うscript要素
  noscript スクリプトが実行不可能な際に代替内容を表示するnoscript要素



HTML5 + UX フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)
- PR -

注目のテーマ

デザインハック 記事ランキング

本日 月間
ソリューションFLASH