HTMLIframe _
HTML iframeは、Webページ内にWebページを表示するために使用されます。
HTMLIframe構文
HTML<iframe>タグは、インラインフレームを指定します。
インラインフレームは、現在のHTMLドキュメント内に別のドキュメントを埋め込むために使用されます。
構文
<iframe src="url" title="description"></iframe>
ヒント：
titleの属性を常に含めることをお勧めします<iframe>。これは、スクリーンリーダーがiframeのコンテンツを読み取るために使用します。
Iframe-高さと幅を設定
heightおよび属性を使用してwidth、iframeのサイズを指定します。
高さと幅はデフォルトでピクセル単位で指定されます。
例
<iframe src="demo_iframe.htm" height="200" width="300"
title="Iframe Example"></iframe>
または、属性を追加してstyle、CSSheightとwidth
プロパティを使用することもできます。
例
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"
title="Iframe Example"></iframe>
Iframe-境界線を削除します
デフォルトでは、iframeの周囲に境界線があります。
境界線を削除するには、style属性を追加し、CSS
borderプロパティを使用します。
例
<iframe src="demo_iframe.htm" style="border:none;"
title="Iframe Example"></iframe>
CSSを使用すると、iframeの境界線のサイズ、スタイル、色を変更することもできます。
例
<iframe src="demo_iframe.htm" style="border:2px solid red;"
title="Iframe Example"></iframe>
Iframe-リンクのターゲット
リンクのターゲットフレームとしてiframeを使用できます。
targetリンクの属性は、iframeの属性を参照する必要がありますname。
例
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe
Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
章のまとめ
- HTML
<iframe>タグはインラインフレームを指定します src属性は、埋め込むページのURLを定義します- 常に
title属性を含める（スクリーンリーダー用） heightandwidth属性は、iframeのサイズを指定しますborder:none;iframeの周囲の境界線を削除するために使用します
HTML演習
HTMLiframeタグ
| Tag | Description |
|---|---|
| <iframe> | Defines an inline frame |
使用可能なすべてのHTMLタグの完全なリストについては、HTMLタグリファレンスにアクセスしてください。