ほかの文書との関係性を定義する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

HTMLタグリファレンスインデックス

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

3/5

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

HTML5 + UX フォーラム新着記事

GASで棒、円、折れ線など各種グラフを作成、変更、削除するための基本 （2017/7/12）
　資料を作る際に、「グラフ」は必要不可欠な存在だ。今回は、「グラフの新規作成」「グラフの変更」「グラフの削除」について解説する
GET／POSTでフォームから送信された値をPHPで受け取る「定義済みの変数」【更新】 （2017/7/10）
　HTMLのフォーム機能についておさらいし、get/postメソッドなどの内容を連想配列で格納するPHPの「定義済みの変数」の中身や、フォーム送信値の取り扱いにおける注意点について解説します【PHP 7.1含め2017年の情報に合うように更新】
PHPのfor文＆ループ脱出のbreak/スキップのcontinue【更新】 （2017/6/26）
　素数判定のロジックからbreak文やcontinue文の利点と使い方を解説。for文を使ったループ処理の基本とwhile文との違い、無限ループなども併せて紹介します【PHP 7.1含め2017年の情報に合うように更新】
Spreadsheetデータの選択、削除、挿入、コピー、移動、ソート （2017/6/12）
　Spreadsheetデータの選択、挿入、削除、コピー、移動、ソートに使うメソッドの使い方などを解説する