HTML <link> タグ

定義と使用方法

<link> タグは現在のドキュメントと外部リソースの関係を定義します。

<link> タグは外部スタイルシートにリンクするためやウェブサイトにアイコンを追加するために最もよく使用されます。

<link> 要素は空要素であり、属性のみを含みます。

参照もしくは関連情報：

HTML 教程：HTML スタイル

HTML DOM リファレンスマニュアル：Link オブジェクト

例

外部スタイルシートにリンクする：

<head>
  <link rel="stylesheet" href="styles.css">
</head>

実際に試してみてください

属性

属性 値 説明
crossorigin
  • anonymous
  • use-credentials
 要素がクロスオリジンリクエストを処理する方法を指定します。
href URL リンクされたドキュメントの場所を指定します。
hreflang 音声コード リンクされたドキュメント内のテキストの言語を指定します。
media メディアクエリ リンクされたドキュメントがどのデバイスで表示されるかを指定します。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • unsafe-url
 リソースを取得する際に使用する参照者を指定します。
rel
  • alternate
  • author
  • dns-prefetch
  • help
  • icon
  • license
  • next
  • pingback
  • preconnect
  • prefetch
  • preload
  • prerender
  • prev
  • search
  • stylesheet
 必須です。現在のドキュメントとリンクされたドキュメントの関係を指定します。
sizes
  • HeightxWidth
  • any
 リンクされたリソースのサイズを指定します。rel="icon" にのみ適用されます。
title 推奨または代替のスタイルシートを定義します。
type メディアタイプ リンクされたドキュメントのメディアタイプを指定します。

グローバル属性

<link> タグは以下のイベント属性をサポートしています HTML のグローバル属性。

イベント属性

<link> タグは以下のイベント属性をサポートしています HTML のイベント属性。

デフォルトの CSS 設定

ほとんどのブラウザは以下のデフォルト値を使用して表示します <link> 要素：

link {
  display: none;
}

ブラウザのサポート

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート