cman.jpWEBページ作成
広告
<link> 「他の文書との関連付け」[読み方：リンク]
<link>タグは、外部ファイルとのリンクを指定する際に使用します。
<link>タグには終了タグはありません。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | ○ | ○ |
広告
<link> の仕様
<link> の属性
【構文】
<head>
<link rel="関連文書との関係" href="関連文書のURI" ・・・>
</head>
<link rel="関連文書との関係" href="関連文書のURI" ・・・>
</head>
| 属性 | 意味 | 値のサンプルなど | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| rel="値" | この文書からみた関連文書との関係 【条件付必須】※下記留意事項参照 |
| ||||||||||||
| href="URI" | 関連文書のURI 【条件付必須】※下記留意事項参 | サーバ内の相対パス ： 「../index.html」 URL ： 「http://www.cman.jp」 メール ： 「info@example.jp」 | ||||||||||||
| hreflang="値" | 関連文書の言語コード | 「ja」「en」 | ||||||||||||
| type="値" | 関連文書のMIMEタイプ | 「image/gif」 | ||||||||||||
| media="値" | 関連文書のメディア | 「screen」「print」 | ||||||||||||
| crossorigin="値" | CORS(Cross-Origin Resource Sharing)で 使用される属性。 他のサイトのリソースにアクセスする際に、 認証情報を使用するかどうかを指定 ※HTML5で追加 |
| ||||||||||||
| integrity="値" | 外部スクリプトの整合性チェックで使用される整合性メタデータを指定 ※HTML5で追加 | 暗号化ハッシュ関数 | ||||||||||||
| referrerpolicy="値" | リファラーポリシーを指定 ※HTML5で追加 | リファラーポリシー | ||||||||||||
| sizes="値" | rel=iconの場合 アイコンのサイズを指定 ※HTML5で追加 | ピクセル（横×縦）で指定。 | ||||||||||||
| imagesrcset="値" | rel=preloadの場合 さまざまな状況で使用する画像 【条件付必須】※下記留意事項参照 ※HTML5で追加 | URL | ||||||||||||
| imagesizes="値" | rel=preloadの場合 さまざまなページレイアウトの画像サイズ ※HTML5で追加 | ピクセル（横×縦）で指定。 | ||||||||||||
| as="値" | rel=preload、modulepreloadの場合 先読みする外部ファイルの宛先 ※HTML5で追加 |
| ||||||||||||
| blocking="値" | 外部リソースの取得時に特定の操作をブロックする必要があることを明示的に指定 ※HTML5で追加 | render | ||||||||||||
| color="値" | rel=mask-iconの場合 アイコンの色を指定 ※HTML5で追加 | CSSのcolorで指定。 | ||||||||||||
| disabled | リンクを無効とする ※HTML5で追加 | 「disabled」 | ||||||||||||
| fetchpriority="値" | スクリプトを取得するときに使用される優先順位を指定 ※HTML5で追加 |
| ||||||||||||
| 廃止された属性 | ||||||||||||||
| グローバル属性 |
| |
| イベント属性 |
| |
<link>タグのサンプル
他の文書との関連付け
外部スタイルシートの参照
<head>
<link rel="help" href="../help_tmp.html">
</head>
<link rel="help" href="../help_tmp.html">
</head>
外部スタイルシートの参照
<head>
<link rel="stylesheet" href="../sample.css" type="text/css">
</head>
<link rel="stylesheet" href="../sample.css" type="text/css">
</head>
留意事項
- "href属性"、"imagercset属性"いずれかは必須です。
- "rel属性"、"itemprop属性"いずれかは必須です。ただし、同時に指定できません。
広告