<frameset> - フレームセット - とほほのWWW入門

形式: <frameset>～</frameset>
サポート: [非推奨] / H4F / e3 / Ch1 / Fx1 / Sa1 / Op1 / N2
タグの省略: 開始タグ：必須、終了タグ：必須
包含可能要素: frameset / frame / noframes
属性: グローバル属性; (その他下記参照)

ウィンドウをいくつかのフレームに分割します。Internet Explorer 3.0 や Netscape Navigator 2.0 でサポートされていました。HTML4.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>

<frameset> - フレームセット

概要

説明

属性

使用例

テクニック

関連項目

リンク