<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>
Copyright (C) 1996-2017 杜甫々
初版:1996年9月10日 最終更新:2017年11月26日
https://www.tohoho-web.com/html/frameset.htm