: LINK 要素
最終更新：2026-09-12
<link>LINK 要素
現在の文書と外部リソースの関係を定義します。最も多いのは CSS スタイルシートですが、アイコンやプリロードにも使われます。
| カテゴリ | メタデータ |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 自己完結 — 閉じタグ不要 |
| ステータス | 標準 |
📝 構文
<link rel="stylesheet" href="style.css">⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
rel | Relationship: stylesheet, icon, preload, alternate, etc. | |
href | URL of the external resource. | |
type | MIME type of the resource (e.g. text/css). | |
media | Media/device condition the resource applies to. | |
sizes | Icon sizes for rel=icon (e.g. 32x32). |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <link> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： link は空要素です。rel="stylesheet" が最も一般的な使い方です。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
