iframeは、Webページ内にWebページを表示するため使用します。
HTML iframe は、<iframe> タグで定義します:
<iframe src="URL"></iframe>
src 属性は、iframe ページの URL (web アドレス) を指定します。
サイズの設定には、height と width 属性を使用します。
属性値は、デフォルトではピクセルで指定しますが、("80%"のように) パーセントでも指定できます。
デフォルトでは、iframe の周りに黒色のボーダーが表示されます。
ボーダーを削除するには、style 属性を追加して CSS border プロパティを使用します:
CSS により、iframe ボーダーのサイズ、スタイルおよび色を変更することもできます:
iframe は、リンクのターゲットフレームとして使用することができます。
リンクの target 属性は、iframe の name 属性を参照しなければなりません:
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
Try it Yourself ❯
タグ | 説明 |
---|---|
<iframe> | インラインフレームを定義する |
Exercise 1 ❯ Exercise 2 ❯ Exercise 3 ❯ Exercise 4 ❯