English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTMLリファレンスマニュアル

HTMLタグ一覧

HTML: <iframe> sandbox 属性

sandbox属性はiframe内のコンテンツに追加の制限を有効にします。

　HTML <iframe> タグ

オンラインサンプル

<iframe>には他の制限があります：

<!DOCTYPE　html>
<html>
<head>
<title>HTML:<iframe>　sandbox　属性　-　基本教程網　oldtoolbag.com</title>
<body>
<iframe　src="demo-iframe-sandbox.html"　sandbox>
　　<p>あなたのブラウザはiframeをサポートしていません。</p>
</iframe>
<p>「日付と時間を取得」ボタンはインラインフレーム内でスクリプトを実行します。</p>
<p>沙箱属性が設定されているため、インラインフレームの内容でスクリプトを実行することは許可されていません。
<p>沙盒属性に「スクリプトを許可」を追加して、JavaScriptの実行を許可することができます。</p>
</body>
</html>
テストをしてみる‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 10Firefox、ChromeおよびSafariがsandbox属性をサポートしています。

注意：OperaおよびInternet Explorer 9 及びその以前のバージョンではsandbox属性はサポートされていません。

定義と使用方法

sandbox属性はiframe内のコンテンツに追加の制限を有効にします。
sandbox属性がある場合、以下の通りです：

  1. コンテンツを唯一のソースとして視覚化します。

  2. ブロック状の 提出

  3. スクリプトの実行をブロックします。

  4. APIを無効にします。

  5. リンクが他のブラウズ上下文に定位するのをブロックします。

  6. コンテンツがプラグインを使用するのをブロックします（<embed>、<object>、<applet>その他の方法で）。

  7. コンテンツがトップレベルのブラウズ上下文をナビゲートするのをブロックします。

  8. 自動的にトリガーされる機能（例えば、自動再生のビデオや自動的にフォーカスするフォームコントロール）をブロックします。
    sandbox属性の値はsandbox（アプリケーションの全ての制限を解除）だけでなく、スペースで区切られたプレデファインド値リストでも可能です。これらのリストは特定の制限を削除します。

HTML 4.01 HTML5の違い

sandbox 属性は HTML5 の新しい属性。

文法

<iframe sandbox="value">

属性値

値説明
""すべての制限条件を有効にする
allow-same-originコンテンツを通常のソースとして扱うことを許可。このキーワードを使用しない場合、埋め込まれたコンテンツは独立したソースとして見なされます。
allow-top-navigation埋め込まれたページのコンテキストは、トップのブラウジングコンテキスト環境（ブラウジングコンテキスト）にコンテンツをナビゲート（ロード）できます。このキーワードを使用しない場合、この操作は使用できません。
allow-formsフォームの送信を許可。
allow-scriptsスクリプトの実行を許可。

さらに多くの例

フォームの送信を許可する <iframe> sandbox
一連の追加制限を有効にし、フォームの送信を許可。

スクリプトとサーバーコンテンツへのアクセスを許可する <iframe> sandbox
一連の追加制限を有効にし、スクリプトとサーバーコンテンツへのアクセスを許可。

　HTML <iframe> タグ

HTML: <template> タグ