【HTML】linkタグ - 外部リソースとの関係
HTMLのlinkタグをご紹介します。
linkタグ
linkタグは外部リソースの関連性をマークアップします。
一般的にスタイルシート（装飾）や、サイトアイコン、サードパーティファイルの読み込みに使用します。
基本構文
<link rel="関連性" href="URL">属性
主な属性をご紹介します。
| 属性名 | 必須 | 内容 |
|---|---|---|
| rel | - | 関連性 |
| href | - | 外部リソースURL |
サンプルコード
スタイルシート
次のスタイルシートをlinkで読み込むサンプルです。
@charset "utf-8";
h1 { color: red; }<link rel="stylesheet" href="/article/style/html-link-tag.css">
<h1 id="title">HTMLとは</h1>
<p>HTMLの正式名称はHyperText Markup Languageです。</p>サイトアイコン（ファビコン）
サイトアイコン（ファビコン）はブラウザのタブに表示されます。
このサンプルにはプレビューはありません。
<link rel="icon" type="image/x-icon" href="/favicon.png">
