comscom@Wiki
フレーム
最終更新:
dotcom
-
view
ページを分割したいとき。
たとえば左側にメニュー用のページを表示して、そこのリンクをクリックすると右側に表示される、みたいな。
メニューの内容が増えても左側のページだけ変更すればいいわけだかららくらくね。
目次
必要なもの
ページ
- index.html :これをframeの外枠にしちゃいますよ
- main.html :これを右側の表示させるページにしちゃいますよ
- left.html :これをメニューのリンクをはる場所にしちゃいますよ
- about.html :これをメニューにあるコンテンツのひとつにしちゃいますよ
ページを作成する
index.html
frameの定義します。書くのはこれだけ
<html>
<head>
<title>ふれーむ</title>
</head>
<frameset cols="200px,*">
<frame src="left.html" name="menu">
<frame src="main.html" name="main_frame">
</frameset>
</html>
注意
frame対応していないブラウザだとこのページが開かないので、frame非対応用にメッセージとframeなしのページを用意しておくのも手です。
非対応じゃ開けないよってメッセージにしてシャットアウトするのも手?
main.html
<html>
<head>
</head>
<body align="center">
こちらはindex.htmlを開いたときにデフォルトで右側に表示されるページですよ。
</body>
</html>
left.html
<html>
<head>
</head>
<body align="left">
<a href="main.html" target="main_frame">メイン画面</a>
<a href="about.html" target="main_frame">こちらは</a>
</body>
</html>
targetで右側のframeの名前をいれるのが大事。
about.html
<html>
<head>
</head>
<body align="center">
<p>ここは左のメニューのリンクで「こちらは」を選ぶと右側のフレームに表示されますよ</p>
<a href="main.html" target="main_frame">モドル</a>
</body>
</html>