| HOME | MAIL | 本館：b-cures. | 別館：Template b |
 
PR ★高収入が可能！ＷＥＢデザインのプロになってみない？！

フレームを使う

▼1枚のページを分割して表示する

実際には複数あるページをフレームを使用することで1枚のページとして表示することができます。メニュー用ページとメイン用ページに別けた使い方が一般的です。フレームの土台を親フレームと言います。

フレームイメージ画像

以下はフレームのソースです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>私のホームページ</title>
</head>
<frameset frameborder="0" framespacing="0" border="0" cols="150,*">
<frame name="menu" src="menu.html" scrolling="auto">
<frame name="main" src="main.html" scrolling="auto">
<noframes>
<body>
<p>このページにはフレームが使用されていますが、お使いのブラウザではサポートされていません。</p>
</body>
</noframes>
</frameset>
</html>

frameborder="0" framespacing="0" border="0" フレームの境界線を消すタグ
cols="150,*"

フレーム内の各ページが表示される横幅比率。colsをrowsにするとフレームが上下に分割できる。%で仕切ることもできる。ピクセルで指定する場合は、片方の幅のみを指定して、残りは*とする。
scrolling="auto" スクロールバーの指定。yesは表示。noは未表示。autoは標準。
name="〜" フレーム内に表示させる各ファイルにつけるあだ名みたいなもの。フレーム内にリンクする際は、target="nameでつけたあだ名"でリンクする。リンクの際フレームを全解除する時はtarget="_top"、フレーム内のフレームのみ解除する時はtarget="_parent"とする。
noframes フレームに対応しないブラウザでアクセスしてきた方には、フレームページが表示されません。TOPページからフレームを使うとアクセスしていきなり表示されないということもあります。その際にお詫びとして表示する文章。

フレームページは、メンテナンスが楽な反面、検索エンジンに嫌われがちです。検索した時にHITしたページが、実はフレームの片側の方だけ…ということもありますので注意です。本当に必要だと感じられる時にだけ使うようにした方が良いと思います。

サンプルページ
(C)2006 html sample. All Rights Reserved.