ウェブランサー

<iframe> インラインフレームを作成する

対応ブラウザ
IE7対応IE8対応Firefox対応Chrome対応Opera対応Safari対応
タイプ インライン要素
取り扱い 標準

<iframe>タグは、、インラインフレームの略です。ページ内に窓を作って、その中に別ページを表示させる事が出来ます。

対応していないブラウザもあるので、使用する際は注意しましょう。<iframe>~</iframe>の間に代用テキストを記述する事が出来ます。

<iframe>タグに指定できる属性

src="URL"
フレームに表示するファイルを指定します。
name="フレーム名"
フレーム名を指定します。リンク先にこのフレーム名を指定するとフレーム内に表示させる事が出来ます。
width="幅", height="高さ"
幅と高さをピクセル単位で指定出来ます。

<iframe>の使用サンプル

HTML
インラインフレームサンプル
<iframe src="iframesample.html" width="300px" height="200px">
※インラインフレームを使用しています。
</iframe>
表示確認
インラインフレームサンプル

<iframe>に関連するHTMLタグ

コンテンツエンベット要素
<area> イメージマップの領域を指定する
<audio> ドキュメント内に音声コンテンツを埋め込む
<canvas> スクリプトで定義したグラフィックスを描画するための領域を配置する
<embed> プラグインデータを埋め込む(NN独自)
<iframe> インラインフレームを作成する
<img> 画像を表示する
<map> 一つの画像に対して複数のリンクを設定する
<object> FLASHやデータを埋め込む
<param> パラメーターを指定する
<picture> 特定の画像に対して複数のメディアソースを提供するコンテナを設置する
<source> 再生候補となる動画や音源などのメディアソースを指定する
<script> JAVAなどのスクリプトを埋め込む
<track> 動画や音声ファイルに字幕やキャプションを追加する
<video> ページ内に動画コンテンツを表示する