<iframe src="" name=""></iframe>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
要素

iframe要素name="" を追加すると、そのインラインフレームにフレーム名を付けることができます。


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

属性 説明
name="" 識別名 フレームの識別名を指定

このフレーム名は、リンクにtarget属性を指定する場合や、formの送信でtarget属性を指定する場合などに使用されます。

フレーム名について

フレーム名を付ける際には、以下の点に注意してください。

  • フレーム名は、アルファベットで始めなければなりません。(数字や記号で始めてはならない)

上記以外にも、以下のid属性の規則に従って指定しておくことをお勧めします。

  • 使用できる文字は、半角の英数字、ハイフン( - )、アンダーバー( _ )、コロン( : )、ピリオド( . )、です。(ハイフン以外の記号は使わない方が無難です)
  • XHTMLでは、フレーム名はid属性で指定することになります(name属性との併用も可能)。

使用例

インラインフレームを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>

表示例