HTML iframe と frameset の違い_PowerNode Java Academy

導入

1.<iframe> タグ: iframe は、ページ内に内部フレームを生成するインラインフレームです。

2. <frameset> タグ: frameset は、それぞれ独立したドキュメントを持つ複数のサブフレームを含むフレームセットを定義します。

<iframe> タグ

iframe は、ページ内に内部フレームを生成するインラインフレームです。

財産

frameborder{int}: フレームの境界線を表示するかどうか。

src{URL}: リソース（Web ページや画像など）の URI を指定します。

scrolling{boolean}: フレームのスクロールバーを表示するかどうか。

width{int}: iframe の幅を定義します。

height{int}: iframe の高さを定義します。

例

<本文>
<h3>HTML タグのデモンストレーション</h3>
<iframe src=1.1-ShowHtml.htm ></iframe>
</本文>

予防

「<iframe>I am content</iframe>」内にコンテンツを追加した場合、表示ページには追加したコンテンツが表示されません。そこで、src 属性を使用してページを指定してみましょう。

アプリケーションシナリオ

1) バージョンアップページで、バージョンログが多すぎる場合は、アップグレード情報を iframe 内に配置できます。

2) Blog Garden の [新しいエッセイ] 領域のようなリッチテキスト編集ボックス。

<frameset> タグ

フレームセットは、それぞれが独立したドキュメントを持つ複数のフレームを含むフレームセットを定義します。

形式

<フレームセット>
  <フレーム src=a.htm />
  <フレーム src=b.htm />
  <noframes></noframes>
</フレームセット>

サブ項目の説明

<framesrc=a.htm />: サブフレーム<noframes></noframes>: ブラウザがこのフレームをサポートしていないときに表示されるコンテンツ。

財産

フレームセット属性:

行: サブフレームが行に配置されていることを示します ( ）。 2つのサブフレームを例に挙げます。rows="30%,*" は最初のフレームがページ全体の高さの30%を占め、2番目のフレームが残りの部分を占めることを意味します。cols: はサブフレームが列に配置されることを意味します ( ）。 2 つのサブフレームを例に挙げます。cols="30%,*" は、最初のフレームがページ全体の長さの 30% を占め、2 番目のフレームが残りを占めることを意味します。noresize="noresize" は、サブフレームの範囲が調整されないことを意味します。

フレーム属性:

src: リソース（ページ、画像など）を指す URI。

name: フレーム間の操作を容易にするためにフレームの名前を指定します。

例

<html xmlns="http://www.w3.org/1999/xhtml">
<ヘッド>
    <title>フレームセットのデモ</title>
</head>
<フレームセット行数="30%,*" noresize="noresize">
    <frame src=DateGrid.htm name="frm1" />
    <frame src=Dialog.htm name="frm2"/>
    <noframes></noframes>
</フレームセット>
</html>

予防

フレームセットタグを使用する場合は、外側の <body></body> タグを必ず削除してください。

サブフレーム間の操作

サンプルコードを参照すると、frm1 は frm2 のサブセットが指すページを変更します: window.parent.frames["frm2"].location.href = 'b.htm'

アプリケーションシナリオ

1) 背景ページの管理、左にメニュー、右のフレームに詳細ページが表示されます。

2) bbs.csdn.netなどの機能メニューページ

クイックファクト

ページ内のフレームを参照しているときに、フレームページ内を右クリックすると、追加のフレーム情報が表示されます。

Chrome を例に挙げてみましょう。