<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>