iframe要素はインラインフレームを作成する要素です、例えばページの一部分だけ他のページを表示したい場合などに使用できます。また、未対応ブラウザの為にiframe要素の内容を入れておいてあげると親切です。(iframe要素の内容は対応ブラウザでは表示されません)
<iframe src="iframe.html"> 未対応ブラウザの表示部分 </iframe>
属性名 | 値 | 概要 |
---|---|---|
src | URL | 表示するURLを絶対パスか相対パスで指定 |
name | 文字 | フレーム名を付ける |
align | center | フレームを中央揃えで表示 |
right | フレームを右揃えで表示 | |
left | フレームを左揃えで表示 | |
width | px,% | pxか%でフレームの縦幅の指定 |
height | px,% | pxか%でフレームの横幅の指定 |
marginheight | px | pxでフレームの上下の余白の指定 |
marginwidth | px | pxでフレームの左右の余白の指定 |
frameborder | 0 | フレームの境界線を非表示 |
1 | フレームの境界線を表示(初期値) | |
scrolling | auto | スクロールバーが必要なとき表示(初期値) |
yes | スクロールバーを表示 | |
no | スクロールバーを非表示 |
重要となるのがname属性です、この属性を付けないでリンクを張ると同じフレーム内でしか移動できなくなります。
<frame name="main" src="index.html">
とフレーム名がmainの画面を移動させる場合、リンクは
<a href="URL" target="main">のように、target属性の値を移動させたいフレーム名を入れなければなりません。