IFRAME
解説
Inline Frameの略。FRAMESET
タグのようにウィンドウを水平・垂直に分割する形式だけでなく、ウィンドウの中に独立して表示される形式のインラインのフレームを作成することができる。IFRAME
タグ間にはIFRAME
に対応していないブラウザに表示する内容を記述する。Netscape Navigator4.xはIFRAME
に対応していないが、ILAYER
タグを使用することでIFRAME
タグと同様の表示にすることができる
IFRAME
要素を使用する場合、文書型宣言はFrameset
では無くTransitional
を使用しなければならない。
参照
- フレームセット
- <FRAMESET>
- レイヤ
- <ILAYER>
属性
- src:
- フレーム内に表示する文書を指定
- name:
- 名前を指定。リンク先のターゲットに指定することができる
- width:
- インラインフレームの幅を指定
- height:
- インラインフレームの高さを指定
- longdesc:
- 当フレームの長文の説明の所在をURIで指定する。特に非視覚系のブラウザに対して有効なもので、Title属性を補うものとなる
- Scrolling:
- フレームウインドウのスクロールタイプを指定する。
auto
: 必要な場合のみスクロール可能(既定値)/yes
: 常にスクロール可能/no
: 常にスクロール不可 - frameborder:
- フレームウインドウの区切り線のタイプを指定する。
1
: 区切り線あり(既定値)/0
: 区切り線なし(ただし、隣のフレームが区切り線ありの場合は引かれる) - marginwidth:
- フレーム枠と表示内容との左右の余白を指定。「1」以上を指定しなければならない
- marginheight:
- フレーム枠と表示内容との上下の余白を指定。「1」以上を指定しなければならない
- align:
- フレームの位置を指定。当属性は非推奨であり、 スタイルシートで代用することが推奨されている。
left
: 左詰め(既定値)/center
: センタリング/right
: 右詰め/justify
: 均等割付 - %STYLEs%:
- スタイルシートのクラス名やID名を参照
使用例
ソース
<a href="./sample/red.html" target="sample">赤</a><br>
<a href="./sample/blue.html" target="sample">青</a><br>
<a href="./sample/yel.html" target="sample">黄</a><br>
<a href="./sample/green.html" target="sample">緑</a><br>
<iframe src="./sample/red.html" name="sample" width="150" height="150">
インラインフレームを使用しています
</iframe>