HOME > HTMLリファレンス [ABC順 / 目的別] > <FRAMESET>
<FRAMESET>
フレームを設定する
形式 ・ 説明
<FRAMESET> 〜 </FRAMESET>
- フレーム機能を使うと、ひとつのウィンドウをいくつかに区切ってそれぞれに違う文書を表示することができる。
- 複雑なフレームをつくりたいときは、フレームの中にフレームを入れ子にする。
- フレームを使うときは、各フレームの中に入るそれぞれの文書だけではなく、
そのフレームの分割を定義する文書が必要になる。 - フレームの分割を定義する文書は、<BODY> の代わりに <FRAMESET> を使う。
- <FRAMESET> の rows属性でフレームを横に分割、cols属性でフレームを縦に分割し、
<FRAME> で、そのフレームに入る文書を指定する。
- フレームに対応していないブラウザへの対処は <NOFRAMES>を使用する。
- ドキュメントタイプを宣言するときは、HTML 4.01 (Frameset)
タグの形式
- 省略不可 ( 開始タグ : 必須 / 終了タグ : 必須 )
<FRAMESET>〜</FRAMESET>の中で使える要素
- <FRAMESET> ・・・ 入れ子にすることが可能
- <FRAME>
- <NOFRAMES>
属性
rows=" 〜 "
- フレームを横に分割し、それぞれの高さを上から順にカンマ(,)で区切って指定。
- 単位は、ピクセル、パーセント(%)、アスタリスク(*)が使用できる。
cols=" 〜 "
- フレームを縦に分割し、それぞれの幅を左から順にカンマ(,)で区切って指定。
- 単位は、ピクセル、パーセント(%)、アスタリスク(*)が使用できる。
規格外属性
- frameborder=" 〜 " ・・・ 境界線の表示 / 非表示を 1 か 0 で指定。
- 1 (表示する。デフォルト。) / 0 (表示しない。)
- HTML4.01では、<FRAME>のみの定義となっているため、<FRAMESET> での指定はよくない。
- しかしながら、フレームの線を完全に消したいときは、今のところ
<FRAMESET frameborder="0" border="0" framespacing="0">
を指定する方法がもっとも有効である。
使用例
HTMLソース - 左と右の2つに分割、左フレームの横幅を300に指定
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML lang="ja"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=shift_jis"> <TITLE>サンプル</TITLE> </HEAD> <FRAMESET cols="300,*"> <FRAME src="frame1.html" name="hidari"> <FRAME src="frame2.html" name="migi"> <NOFRAMES><P>フレームを使用しています</P></NOFRAMES> </FRAMESET> </HTML>
HTMLソース - 左300と右に分割後、右をさらに上下半分に分割
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML lang="ja"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=shift_jis"> <TITLE>サンプル</TITLE> </HEAD> <FRAMESET cols="300,*"> <FRAME src="frame1.html" name="hidari"> <FRAMESET rows="50%,50%"> <FRAME src="frame2.html" name="ue"> <FRAME src="frame3.html" name="migi"> </FRAMESET> <NOFRAMES><P>ノーフレームページは<A href=" 〜 ">コチラ</A></P></NOFRAMES> </FRAMESET> </HTML>
このサイト内で使用している画像(バナー除く)及びテキストの無断複製・転載を禁じます
Copyright © 2006 KURAGEYA, All right reserved.