HTMLフレーム
HTML フレーム
フレームを使用すると、同じブラウザ ウィンドウに複數のページを表示できます。
フレームタグiframe
iframe構文:
<iframe src="URL"></iframe>
URL は別の Web ページを指しています。特定の HTML ファイルを指定することもできます
Iframe - 高さと幅を設定する
height 屬性と width 屬性は、iframe タグの高さと幅を定義するために使用されます。
プロパティはデフォルトではピクセル単位ですが、比例して表示されるように指定できます (例: "80%")。ボーダーに加えて
Frameborder 屬性は、iframe がボーダーを表示するかどうかを示すかどうかを定義するために使用されます。
iframe の境界線を削除するには、屬性値を「0」に設定します:
例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(php.cn)</title> </head> <body> <iframe src="second.html" width="400" height="200"></iframe> <iframe src="http://ask.php.cn/" width="400" height="200"></iframe> <p>一些舊的瀏覽器不支持 iframe。</p> <p>如果瀏覽器不支持 iframes 則不會顯示。</p> </body> </html>
このプログラムを実行して、上記のプログラムとの違いを確認してください
iframe を使用してディレクトリ リンク ページを表示します
iframe はターゲット リンク ページを表示できます
次の例に示すように、ターゲット リンクの屬性には iframe の屬性を使用する必要があります:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(php.cn)</title> </head> <body> <iframe src="http://www.miracleart.cn/" width="200" height="200" frameborder="0"> <p>您的瀏覽器不支持 iframe 標簽。</p> </iframe> </body> </html>
プログラムを実行し、クリックして參照
HTML iframe タグ
タグ | 説明 |
フレーム> | インラインiframeを定義します |