<link rel="" href="" referrerpolicy="">
| 更新日 | |
|---|---|
| 仕様 | HTML Living Standard / Referrer Policy |
| 分類 | メタデータ・コンテンツ / （body内で利用できる場合：フロー・コンテンツ / フレージング・コンテンツ link要素の本文参照） |
| 利用場所 | メタデータ・コンテンツが置ける場所 / head要素の子要素となるnoscript要素内 / （body内で利用できる場合：フレージング・コンテンツが置ける場所 link要素の本文参照） |
| 内容 | 無し（空要素） |
link要素に referrerpolicy="" を追加すると、リソースを読み込む際のリファラーポリシーを指定することができます。
この機能を使うことで、リファラー（参照元URL）の送信を制御できるようになります。
<link rel="stylesheet" href="example.css" referrerpolicy="no-referrer">
| 属性 | 値 | ||
|---|---|---|---|
| 必須属性（この設定を行う場合） | |||
rel="" |
現在の文書から見たリンク先の関係 | リンクタイプ | 半角スペース区切りで複数指定可能 |
href="" |
リンク先の指定 | URL | 別リソースのURL |
| 任意属性 | |||
referrerpolicy="" |
リソースを読み込む際のリファラーポリシー | リファラーポリシー | 既定値は strict-origin-when-cross-origin |
referrerpolicy属性の指定がない場合は、meta要素によって指定されたリファラーポリシーが適用されます。meta要素による指定もない場合は、既定値の strict-origin-when-cross-origin が適用されます。
次の例では、スタイルシートを読み込む際のリファラーポリシーとして no-referrer（リファラーを送信しない）を指定しています。
<link rel="stylesheet" href="https://example.com/style.css" referrerpolicy="no-referrer">
上記のように指定しておくと、https://example.com/ に対してリファラーが送信されなくなります。
使用例
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://example.com/style.css" referrerpolicy="no-referrer">
<title>文書のタイトル</title>
</head>
<body>
</body>
</html>