HTML Iframe

iframe はウェブページ内にウェブページを表示するために使用されます。

iframe の記法を追加する方法

<iframe src="URL</iframe>

URL 隔離されたページへのポジションを指します。

Iframe - 高さと幅の設定

height と width 属性は iframe の高さと幅を指定します。

属性値のデフォルトの単位はピクセルですが、パーセントで設定することもできます(例:"80%")。

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

実際に試してみる

Iframe - フレームを削除

frameborder 属性は iframe 周囲のフレームの表示を指定します。

属性値を "0" に設定することでフレームを削除できます:

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

実際に試してみる

iframe をリンクのターゲットとして使用する方法

iframe はリンクの target(ターゲット)として使用できます。

リンクの target 属性は iframe の name 属性を参照する必要があります:

<iframe src="demo_iframe.htm" name="iframe_a"</iframe>
<p><a href="http://www.codew3c.com" target="iframe_a">codew3c.com</a></p>

実際に試してみる

HTML iframe タグ

タグ 説明
<iframe> インラインのサブウィンドウ(フレーム)の定義