<frameset> - フレームセット
目次
概要
- 形式
- [非推奨]
<frameset>
~</frameset>
- サポート
- https://caniuse.com/mdn-html_elements_frameset
- タグの省略
- 開始タグ:必須、終了タグ:必須
- 包含可能要素
- frameset / frame / noframes
- 属性
- グローバル属性
- (その他下記参照)
説明
ウィンドウをいくつかのフレームに分割します。Internet Explorer 3.0 や Netscape Navigator 2.0 でサポートされていました。HTML 4.01 でも、HTML4.01 Frameset として定義されていましたが、HTML5 では破棄されました。最近では使用例はだんだん減ってきており、代わりに <iframe>
や、<div>
とスタイルシートによるレイアウトが用いられるようになってきました。
属性
- グローバル属性
- 詳細は グローバル属性 を参照してください。
- cols=n
- [非推奨] H4/e3/Ch/Fx/Sa/Op/N2
- フレームを横に並べて分割する際の分割の割合(ピクセル値やパーセンテージ)を、カンマ(,)で区切って指定します。アスタリスク(*)は残りのすべてを示します。
- rows=n
- [非推奨] H4/Ch/e3/Fx/Sa/Op/N2
- フレームを縦に並べて分割する際の分割の割合(ピクセル値やパーセンテージ)を、カンマ(,)で区切って指定します。アスタリスク(*)は残りのすべてを示します。
- border=n
- [非推奨] e4/Ch/Fx/Sa/Op/N3
- フレームの境界線の太さを指定します。
- bordercolor=color
- [非推奨] e4/Ch/Fx/Sa/Op/N3
- フレームの境界線の色を指定します。
- frameborder=frameborder
- [非推奨] e3/Ch/Fx/Sa/Op/N3
- 境界線を表示する場合は 1 を、表示しない場合は 0 を指定します。Internet Explorer や Netscape ブラウザでは yes や no も使用可能です。
- framespacing=n
- [非推奨] e3
- フレームの境界線の太さを指定します。
使用例
HTML
<html> <head> <title>フレームテスト</title> </head> <frameset cols="50%,*"> <frame src="frame1.html" name="frame1"> <frameset rows="50%,*"> <frame src="frame2.html" name="frame2"> <frame src="frame3.html" name="frame3"> </frameset> <noframes> このページはフレーム対応のブラウザでご覧ください。 </noframes> </frameset> </html>
表示
ブラウザ | |
frame1.html の内容 |
frame2.html の内容 |
frame3.html の内容 |
詳細
フレームとフレームの間の境界線を表示しないようにするには、frame
要素の frameborder
属性に 0
を指定します。
HTML
<frameset cols="50%,*"> <frame src="frame1.html" frameborder=0> <frame src="frame2.html" frameborder=0> </frameset>
リンクをクリックした時に、リンク先を別のフレームに表示したい時は、<a>
要素の target
属性にフレーム名を指定してください。
HTML
<a href="xxx.html" target="frame2">XXX</a>
リンク先を、フレームを解除して表示したいときは、target
属性に _top
を指定してください。
HTML
<a href="xxx.html" target="_top">XXX</a>
一度に複数のフレームを書きかえるには、JavaScript を使用する必要があります。
HTML
<script> function jump() { top.frame2.location.href = "aaa.html"; top.frame3.location.href = "bbb.html"; } </script> <a href="#" onclick="jump(); return false;">XXX</a>
関連項目
リンク
- https://www.w3.org/TR/html401/present/frames.html#edef-FRAMESET
- https://developer.mozilla.org/ja/docs/Web/HTML/Element/frameset
- https://caniuse.com/mdn-html_elements_frameset
Copyright (C) 1996-2017 杜甫々
初版:1996年9月10日 最終更新:2017年11月26日
https://www.tohoho-web.com/html/frameset.htm