トップページ > HTMLタグリファレンス > <FRAMESET>

★HTMLタグリファレンス

<FRAMESET> …… ウィンドウをフレームに分割する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape4Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6
広告

このページでは、HTML4について解説しています。
HTML標準の最新情報は、以下を参照してください。

HTML Living Standardリファレンス

【注意】frameset要素は、HTML Living Standardの仕様では削除されています。

<FRAMESET>はウィンドウをいくつかのフレームに分割する際に使用します。 ウィンドウをどのように分割するかを<FRAMESET>タグで指定し、 分割した各フレームにどのファイルを割り当てるかを<FRAME>タグで指定します。

画面を水平に分割する(横割りする)際には、rows属性を使用してフレームの高さを上から順に「,」で区切ってピクセルか%で指定します。 画面を垂直に分割する(縦割りする)際には、cols属性を使用してフレームの幅を左から順に「,」で区切ってピクセルか%で指定します。 また、水平分割と垂直分割を組み合わせる場合には <FRAMESET>~</FRAMESET>内に<FRAMESET>~</FRAMESET>を入れ子状に配置します。

例えば画面を左右に2分割する際、片方は幅100ピクセルで固定したいが、残りの部分は画面サイズに合わせて変動して欲しいということがあります。 このような場合には<FRAMESET cols="100,*">という具合に「*」を使用することで左側のフレームは画面サイズに合わせて変動します。

<FRAMESET>でウィンドウを分割する際には、 ウィンドウをどのように分けるかを指定するファイルが1枚と、分割する各フレーム数分のファイルが必要です。 例えば画面を左右に2分割する場合には、左右それぞれのファイル+1枚=計3枚のファイルが必要となります。

リンク先を別フレームに表示させたい場合には、 あらかじめ各フレームに<FRAME>タグのname属性で名前を付けておき、 <A>タグでリンク先を指定する際にtarget属性でリンク先フレーム名を指定します。

尚、ユーザーがフレームに対応していないブラウザを使用している場合や、フレームを表示しない設定にしている場合などに、 代わりに表示する内容を設定するには<NOFRAMES>タグを使用します。 フレームは便利な反面、ノートパソコン等の小さな画面では見づらいなど、いくつかの短所もあります。フレームを使用する際には若干の注意が必要です。

■使用例

HTMLソース

<html>
<head><title>フレーム使用例</title></head>
<frameset rows="100,*">
    <frame src="frame_ue.htm" name="ue">
    <frameset cols="150,*">
        <frame src="frame_hidari.htm" name="hidari">
        <frame src="frame_migi.htm" name="migi">
    </frameset>
    <noframes>
    このページはフレームを使用しています。
    </noframes>
</frameset>
</html>
↓↓↓

ブラウザ上の表示

使用例を見る

■HTML5情報

HTML5では、<FRAMESET>は廃止される予定です。 <iframe>やCSSに置き換えるか、 メニューなどの共通部分はサーバー側でインクルードすることが推奨されています。

広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ