<img src="" referrerpolicy="">

更新日
仕様 HTML Living Standard / Referrer Policy
分類 フロー・コンテンツ / フレージング・コンテンツ / エンベッディッド・コンテンツ / フォーム関連要素 / インタラクティブ・コンテンツ(usemap属性がある場合) / パルパブル・コンテンツ
利用場所 エンベッディッド・コンテンツが置ける場所
内容 無し(空要素)

img要素referrerpolicy="" を追加すると、画像を読み込む際のリファラーポリシーを指定することができます。

この機能を使うことで、リファラー(参照元URL)の送信を制御できるようになります。


<img src="example.gif" alt="サンプル" referrerpolicy="no-referrer">

属性
必須属性
src="" 画像の指定 URL 埋め込む画像ファイルのURL
任意属性
referrerpolicy="" 画像を読み込む際のリファラーポリシー リファラーポリシー 既定値は strict-origin-when-cross-origin

referrerpolicy属性の指定がない場合は、meta要素によって指定されたリファラーポリシーが適用されます。meta要素による指定もない場合は、既定値の strict-origin-when-cross-origin が適用されます。

次の例では、画像を読み込む際のリファラーポリシーとして no-referrer(リファラーを送信しない)を指定しています。

<img src="https://example.com/demo.gif" alt="サンプル" referrerpolicy="no-referrer">

上記のように指定しておくと、https://example.com/ に対してリファラーが送信されなくなります。

使用例


<p><img src="sea.jpg" alt="青空と海の写真" referrerpolicy="no-referrer"></p>

表示例

青空と海の写真