Htmlのフレームセット

提供:wiki - PCスキルの小技・忘却防止メモ
移動: 案内, 検索

htmlのフレームセット。左右でのフレームのベース。使いどこは多々あるだろうけど、私は調査用に使うことが多い。左のメニュースペースにリンク群を置いて右のメインスペースで開くって感じ。

目次

htmlソース

メインソース

適当なファイル名にして、ブラウザで開けばOK。考えるのが面倒だったらindex.htmlにしとけばいいさ。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>フレームセット</title>
<frameset cols="250*,659*">
  <frame src="menu.html" name="leftFrame" id="leftFrame" title="leftFrame" />
  <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
</head>
<body>
</body>
</html>

メニュー(menu.html)

リストタグでリンク群を生成。リストタグでなくとも問題はない。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>メニュー</title>

<style type="text/css">
	* {
		font-family: "メイリオ";
		font-size:10pt;
	}
	
	ul, ol{
		margin:0;
		padding:0;
	}
	
	li{
		margin:0 0 0 2em;
		padding:0;
	}
</style>

</head>
<body>
<ul>
	<li><a href="#" target="mainFrame">#</a></li>
</ul>

</body>
</html>

メイン(main.html)

基本、このファイルは不要。他人に使わすときに説明書的な内容を書いておけば良いかと思う。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>フレームセットのメイン</title>
</head>
<body>
左メニューをクリック
</body>
</html>

関連項目