<iframe name=""></iframe>

更新日
仕様 HTML Living Standard
分類 フロー・コンテンツ / フレージング・コンテンツ / エンベッディッド・コンテンツ / インタラクティブ・コンテンツ / パルパブル・コンテンツ
利用場所 エンベッディッド・コンテンツが置ける場所
内容 無し

iframe要素name="" を追加すると、インラインフレームに名前(ブラウジング・コンテキスト名)を付けることができます。


<iframe src="example.html" name="example"></iframe>

属性
任意属性
name="" フレームの名前 アンダースコア( _ )で始まらない文字列 固有のフレーム名(ブラウジング・コンテキスト名)

name属性で指定したフレーム名(ブラウジング・コンテキスト名)は、リンクにtarget属性を指定する場合フォームの送信でtarget属性を指定する場合などに使用されます。

インラインフレームの名前について

フレームの名前は、アンダースコア( _ )で開始されない任意の文字列で指定します。

  • アンダースコアで開始される名前は、特定のキーワード(_blank_self 等)のために確保されています。

使用例

  • インラインフレームを2つ配置して、上のフレームには example1、下のフレームには example2 というフレーム名を付けています。各a要素には、target属性で表示先のフレーム名を指定しています。

<ul>
<li><a href="iexample_a.html" target="example1">上のフレームにサンプル1を表示</a></li>
<li><a href="iexample_b.html" target="example1">上のフレームにサンプル2を表示</a></li>
<li><a href="iexample_c.html" target="example1">上のフレームにサンプル3を表示</a></li>
</ul>

<ul>
<li><a href="iexample_a.html" target="example2">下のフレームにサンプル1を表示</a></li>
<li><a href="iexample_b.html" target="example2">下のフレームにサンプル2を表示</a></li>
<li><a href="iexample_c.html" target="example2">下のフレームにサンプル3を表示</a></li>
</ul>

<p><iframe src="iexample_a.html" width="250" height="80" name="example1"></iframe></p>
<p><iframe src="iexample_a.html" width="250" height="80" name="example2"></iframe></p>

表示例