HTML Iframe

HTML id HTML JavaScript

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

iframe を追加するための構文

<iframe src="URL"></iframe>

URL は、隔離されたページの場所を指します。

Iframe - 高さと幅を設定する

高さと幅の属性は、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属性は、iframeのname属性を参照する必要があります:

 

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="https://w3cstudy.cc" target="iframe_a">w3cstudy.cc</a></p>

実際に試してみる

HTML iframe

タグ 描述
<iframe> インラインサブウィンドウ(フレーム)を定義する