<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>