分割フレームタグ <frame>|HTML辞典|HTMLタグ・CSS

HomeHTML辞典分割フレームタグ <frame>
サイト内検索

分割フレームタグ <frame>

複数のページをフレームで分けて表示
タグ

<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS" />
<title>フレーム</title>
</head>

<frameset cols="20%,80%" border="0">
<frame name="フレーム名1" src="表示するページ">
<frame name="フレーム名2" src="表示するページ">
</frameset>

</html>
解説 フレームを使うと複数のパーツごとに分けたページをまとめて1ページとして表示できます。
  • src="ページ"」 フレームに表示するページ、アドレスを指定。
  • name="名前"」 フレーム名を指定。
  • cols="数字"」 フレームの横幅の割合を指定。
    数字をそのままで指定すると固定、%で指定すると割合で分けられます。
  • rows="数字"」 フレームの縦幅の割合を指定。
    数字をそのままで指定すると固定、%で指定すると割合で分けられます。
  • border="数字"」 フレームの境界線の幅を指定。
  • bordercolor="色"」 フレームの境界線色を指定。
  • frameborder="値"」 値 1 で境界線の表示、値 0 で非表示。
  • framespacing="数字"」 フレームの境界線の幅を指定。
  • marginheight="数字"」 フレームの上下余白を指定。
  • marginwidth="数字"」 フレームの左右余白を指定。
  • noresize」 フレームのサイズ変更を禁止。
  • scrolling="★"」 ★の部分に下記を指定。
     yes スクロールバーを表示。
     no スクロールバーを非表示。
     auto 自動でスクロールバーを表示(初期値)

★メリット
全ページにメニューがついていて、メニューを変更するときに全ページのメニューを変更しないといけないというときにフレーム分けをしておくと、メニュー用の1ページだけ変更すればいい。

★デメリット
検索でページがかかりにくくなる(作り方による)。
ページを複数読み込ませるので、ページ分だけ表示する時間に負担があります。
Aページ Bページ
20%と80%で左右のフレームの割合を指定。
左がAページ(a01.html)、右がBページ(b01.html
Aページ Bページ
80%と20%で左右のフレームの割合を指定。
左がAページ(a01.html)、右がBページ(b01.html
Aページ
Bページ
20%と80%で上下のフレームの割合を指定。
上がAページ(a01.html)、下がBページ(b01.html
Aページ
Bページ
80%と20%で上下のフレームの割合を指定。
上がAページ(a01.html)、下がBページ(b01.html
Cページ Aページ
Bページ
20%と80%で左右のフレームの割合を指定。
左がCページ(c01.html
右に上下に分けたフレームを指定(frame03.html
Cページ Aページ
Bページ
80%と20%で左右のフレームの割合を指定。
左がCページ(c01.html
右に上下に分けたフレームを指定(frame04.html
Aページ Cページ
Bページ
80%と20%で左右のフレームの割合を指定。
左に上下に分けたフレームを指定(frame03.html
右がCページ(c01.html
Aページ Cページ
Bページ
80%と20%で左右のフレームの割合を指定。
左に上下に分けたフレームを指定(frame04.html
右がCページ(c01.html
Cページ
Aページ Bページ
20%と80%で上下のフレームの割合を指定。
上がCページ(c01.html
下に左右に分けたフレームを指定(frame01.html
Cページ
Aページ Bページ
20%と80%で上下のフレームの割合を指定。
上がCページ(c01.html
下に左右に分けたフレームを指定(frame02.html
Aページ Bページ
Cページ
80%と20%で上下のフレームの割合を指定。
上に左右に分けたフレームを指定(frame01.html
下がCページ(c01.html
Aページ Bページ
Cページ
80%と20%で上下のフレームの割合を指定。
上に左右に分けたフレームを指定(frame02.html
下がCページ(c01.html
Aページ Bページ Cページ
20%と60%と20%で横のフレームの割合を指定。
左がAページ(a01.html
真ん中がBページ(b01.html
右がCページ(c01.html
Aページ
Bページ
Cページ
20%と60%と20%で縦のフレームの割合を指定。
上がAページ(a01.html
真ん中がBページ(b01.html
下がCページ(c01.html


練習用書き込みフォーム(サンプル表示)


素材の森 素材NAVI 素材R 素材・壁紙 イラスト素材 素材・作成 素材ランキング 無料素材リンク 素材ファン
無料HP素材、ホームページテンプレート、HTMLタグ・CSS、質問・用語の検索 サイト内検索
素材ランキング 素材NAVI 素材の森 素材サーチ フリー素材 素材・画像 素材・壁紙 素材R Webランキング