ほかの文書との関係性を定義する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要素 | ||
TechTargetジャパン
リッチクライアント & 帳票 フォーラム 新着記事
- 次のモバイルアプリはどのフレームワークで作る？ （2012/5/24）
スマホアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する - 「LESS＆専用エディター」でCSSをシンプルに書こう （2012/5/23）
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう - 学校が世界一のデジタル環境になったら （2012/5/18）
授業はアーカイブに蓄積され、家からも見られる。家族が授業テーマのアイデアを出す。そんな姿が実現されるかもしれない - 1000万ドル調達も夢じゃないクラウドファウンディング （2012/5/15）
クラウドファンディングは、寄付型でも投資型でもない「購入型」が主流。商品を“開発する前に販売”して開発費用を集める逆転のシステムだ
 |
|
|
|
|
RSSフィード 
＠IT 新着記事
キャリアアップ
スポンサーからのお知らせ
- - PR -
イベントカレンダー
お勧め求人情報
転職／派遣情報を探す
*＊先週の人気講座ランキング＊*
〜 Android編 〜
ホワイトペーパー（TechTargetジャパン）
ソリューションFLASH
Copyright(c)
2000-2012
ITmedia Inc.
著作権はアイティメディア株式会社またはその記事の筆者に属します。（著作権について）
当サイトに掲載されている記事や画像などの無断転載を禁止します。
「＠IT」「＠IT自分戦略研究所」「＠IT情報マネジメント」「JOB＠IT」「＠ITハイブックス」「＠IT MONOist」「ITmedia」「誠」は、アイティメディア株式会社の登録商標です。
当サイトに関するお問い合わせは「＠ITへのお問い合わせ」をご覧ください。
著作権はアイティメディア株式会社またはその記事の筆者に属します。（著作権について）
当サイトに掲載されている記事や画像などの無断転載を禁止します。
「＠IT」「＠IT自分戦略研究所」「＠IT情報マネジメント」「JOB＠IT」「＠ITハイブックス」「＠IT MONOist」「ITmedia」「誠」は、アイティメディア株式会社の登録商標です。
当サイトに関するお問い合わせは「＠ITへのお問い合わせ」をご覧ください。