HTMLフレーム

HTML フレーム

定義と使用法

<frame> フレームセット内の特定のウィンドウ (フレーム) を定義します。

フレームセット内の各フレームには、境界線、スクロール、サイズ変更などのさまざまなプロパティを設定できます。

HTML と XHTML の違い

HTML では、<frame> タグには終了タグがありません。

XHTML では、<frame> タグを正しく閉じる必要があります。

ヒントとメモ:

注: フレームを含むページを検証したい場合は、doctype が「Frameset DTD」に設定されていることを確認してください。 DOCTYPE について詳しくは、こちらをご覧ください。

重要: <body></body> タグを <frameset></frameset> タグと一緒に使用することはできません。ただし、フレームをサポートしていないブラウザで <noframes> タグを追加する必要がある場合は、必ずタグを <body></body> 内に配置してください。

Iframe - 高さと幅を設定する

height 属性と width 属性は、iframe タグの高さと幅を定義するために使用されます。

属性のデフォルト単位はピクセルですが、比例して表示されるように指定できます(「80%」など)。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文网</title> 
</head> 
<body>
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
<p>一些旧的浏览器不支持 iframe。</p>
<p>如果浏览器不支持 iframes 则不会显示。</p>
</body>
</html>

Iframe - 境界線を削除します

frameborder属性は定義に使用されますiframe が境界線を表示するかどうかを示すかどうか。

iframe の境界線を削除するには、属性値を「0」に設定します:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文网</title> 
</head> 
<body>
<iframe src="http://www.php.com" width="200" height="200" frameborder="0">
 <p>您的浏览器不支持  iframe 标签。</p>
</iframe>
</body>
</html>

iframe を使用してディレクトリ リンク ページを表示します

iframe はターゲット リンク ページを表示できます

ターゲット リンクの属性には、以下を使用する必要がありますiframe の属性、次の例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>PHP中文网</title> 
</head> 
<body>
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.php.com" target="iframe_a">php.cn</a></p>
<p><b>注意:</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。</p>
</body>
</html>


学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.php.com" target="iframe_a">php.cn</a></p> <p><b>注意:</b> 因为 a 标签的 target 属性是名为 iframe_a 的 iframe 框架,所以在点击链接时页面会显示在 iframe框架中。</p> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!