<meta name="referrer" content="">

更新日
仕様 HTML Living Standard / Referrer Policy
分類 メタデータ・コンテンツ
利用場所 メタデータ・コンテンツが置ける場所
内容 無し(空要素)

meta要素name="referrer" を追加すると、文書のリファラーポリシーを指定することができます。(この指定は、その文書における既定のリファラーポリシーとなります)

  • 文書のリファラーポリシーは、Referrer-Policy HTTPヘッダーでも指定することができます。

<meta name="referrer" content="same-origin">

属性
任意属性
name="" 文書情報の種類 referrer [+]文書のリファラーポリシー
任意属性(name を指定している場合は必須
content="" 文書情報の内容 リファラーポリシー 既定値は strict-origin-when-cross-origin

meta要素で指定されたリファラーポリシーは、その文書におけるreferrerpolicy属性の既定値として機能します。

meta要素による指定がない場合は、strict-origin-when-cross-origin が既定値として使用されます。


次の例では、meta要素に no-referrer-when-downgrade を指定しています。

<!DOCTYPE html>
<html>
<head>

<meta name="referrer" content="no-referrer-when-downgrade">

<link rel="stylesheet" href="example.css"> 

<title>文書のタイトル</title>

</head>
<body>

<p><img src="example.png" alt="サンプル" width="300" height="200"></p>

<p><a href="https://www.example.com/" referrerpolicy="no-referrer">リンク</a></p>

</body>
</html>

上記の場合、link要素img要素のリファラーポリシーは no-referrer-when-downgrade になり、a要素referrerpolicy属性で指定された no-referrer になります(meta要素で指定された既定値を上書きします)。

次の例では、リファラーポリシーの指定がないため、いずれも strict-origin-when-cross-origin(無指定時の既定値)が使用されることになります。

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" href="example.css"> 

<title>文書のタイトル</title>

</head>
<body>

<p><img src="example.png" alt="サンプル" width="300" height="200"></p>

<p><a href="https://www.example.com/">リンク</a></p>

</body>
</html>

使用例


<!DOCTYPE html>
<html>
<head>

<meta name="referrer" content="same-origin">

<title>文書のタイトル</title>

</head>
<body>



</body>
</html>