このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

script”要素~“referrerpolicy”属性HTML5.2で追加

記事July 10th, 2020
外部スクリプトを読み込む時のリファラーポリシーを指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

referrerpolicy”属性について

referrerpolicy”属性は外部スクリプトを読み込む時や、スクリプトが他のリソースを読み込む時のリファラーポリシーを指定します。

なお、文書のデフォルトのリファラーポリシーmeta”要素name="referrer"を指定して設定できます。

リファラーポリシーを設定しない場合や、“referrerpolicy”属性に空の値を指定する場合の既定値は現在の文書から見てリンク先のセキュリティーレベルが低い(HTTPSからHTTPへのリンクなど)場合はリファラーを送信しない“no-referrer-when-downgrade”となります。

script”要素の内容がデータブロックの場合は“referrerpolicy”属性を指定してはいけません。

指定できる値

属性値 説明
リファラーポリシー リファラーポリシーを指定

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<link rel="icon" href="image/favicon.ico">
<meta name="robots" content="index,follow">
<meta name="keywords" content="バナナ,栄養素,産地">
<meta name="description" content="黄色くて栄養満点な果物であるバナナについて解説します。">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css">
<script src="http://www.sample.com/sample-script.js" referrerpolicy="no-referrer" async></script>
<title>黄色いフルーツバナナ - 果物を食べる</title>
</head>
<body>
...
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク