<フレーム>

HTML <frame> タグ - HTML5 は

インスタンスをサポートしていません

<!DOCTYPE html>
<html>

<frameset cols="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

インスタンスの実行»

オンラインインスタンスを表示するには、[インスタンスの実行] ボタンをクリックしてください

ブラウザのサポート

すべての主要なブラウザは <frame> タグをサポートしています。

タグの定義と使用方法

HTML5 は <frame> タグをサポートしていません。

<frame> タグは <frameset> の子ウィンドウ (フレーム) を定義します。

<frameset> 各 <frame> には、境界線、スクロール、サイズなどのさまざまなプロパティを設定できます。

注: フレームを含むページを検証したい場合は、<!DOCTYPE> が "HTML Frameset DTD" または "XHTML Frameset DTD" に設定されていることを確認してください。

HTML 4.01 と HTML5 の違い

HTML5 は <frame> タグをサポートしませんが、HTML 4.01 は <frame> タグをサポートします。

HTML と XHTML の違い

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

オプションのプロパティ

プロパティ	値	説明
frameborder	0 1	HTML5はサポートされていません。フレームの周囲に枠線を表示するかどうかを指定します。
longdesc	URL	HTML5はサポートされていません。フレームのコンテンツに関する長い説明を含むページを指定します。
marginheight	ピクセル	HTML5はサポートされていません。フレームの上下の余白を指定します。
marginwidth	ピクセル	HTML5はサポートされていません。フレームの左右の余白を指定します。
name	name	HTML5はサポートされていません。フレームワークの名前を指定します。
noresize	noresize	HTML5 はサポートされていません。フレームのサイズを変更できないことを指定します。
スクロール	はいいいえ Auto	HTML5 はサポートされていません。フレーム内にスクロールバーを表示するかどうかを指定します。
src	URL	HTML5はサポートされていません。フレーム内に表示されるドキュメントのURLを指定します。

標準属性

HTML 4.01 では、<frame> タグは次の標準属性をサポートします。

classnameクラスを指定します要素の Nameidid要素の一意の ID を指定しますstylestyle_definition要素のインラインスタイルを指定しますタイトル text は要素を指定します。追加情報イベント属性 W3C 標準に従って、HTML 4.01 では <frame> タグは時間属性をサポートしません。詳しい説明については、イベントのプロパティをご覧ください。




		完全な説明については、標準プロパティを参照してください。
	ただし、すべてのブラウザは onload イベントをサポートします。

試してみる - 例

水平フレーム

この例では、3 つの異なるドキュメントを使用して水平フレームを作成する方法を示します。

例

<!DOCTYPE html>
<html>

<frameset rows="25%,*,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
</frameset>

</html>

例の実行»

「例の実行」ボタンをクリックしてオンライン例を表示します

混合構造フレームワーク

この例では、3 つのドキュメントを含むフレーム構造を作成し、それらを混合する方法を示します。行と列の間で同時に実行されます。

インスタンス

<!DOCTYPE html>
<html>

<frameset rows="50%,50%">
  <frame src="frame_a.htm">
  <frameset cols="25%,75%">
    <frame src="frame_b.htm">
    <frame src="frame_c.htm">
  </frameset>
</frameset>

</html>

インスタンスの実行 »「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

noresize="noresize" 属性を含むフレーム構造

この例は、noresize 属性を示します。この場合、フレームのサイズは変更できません。フレーム間の境界上でマウスをドラッグすると、境界は移動できないことがわかります。