HTML 4.01 Frameset テンプレートサンプル
ホームページを分割するためのHTML4.01 Frameset
「Frameset」とは、ホームページを左右・上下などに分割したい場合に、使うHTML規格です。思い立ったら、すぐ使えるようにサンプル公開・配布しています。
「HTML 4.01 Frameset」サンプル
<!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>
<meta name="description" content="サイト概要">
<meta name="keywords" content="キーワード1,キーワード2">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<frameset title="Frame Title" cols="200,*">
<frame src="menu.html" title="メニューリスト">
<frame src="main.html" title="メインコンテンツ">
<noframes>
<body>
<h1>サイトタイトル</h1>
<ul>
<li><a href="menu.html">メニューリスト</a></li>
<li><a href="main.html">メインコンテンツ</a></li>
</ul>
</body>
</noframes>
</frameset>
</html>
- 都合上、先頭行の途中で改行していますが、ご使用になる場合は、1行にして下さい。
- 「<meta http-equiv="content-style-type" content="text/css">」はスタイルシートを使う場合に必要。
- 「<link rel="stylesheet" type="text/css" href="style.css">」は、外部スタイルシートを使う場合に必要。「style.css」が外部スタイルシートファイル。
- 「<meta http-equiv="content-script-type" content="text/javascript">」はJavascriptを使う場合に必要。
- 「charset=Shift_JIS」は、使用する文字コードによって変更。「Shift_JIS、EUC-JP、UTF-8」他、HTMLで使用する文字コードの種類参考。
- 「<title>ページタイトル</title>」はページタイトルで必須。ブックマーク時の名称にもなる。
- 「<meta name="description" content="ページ概要">」はページ概要。サイトの概要を記載することで、一部の検索エンジンの結果に表示される。
- 「<meta name="keywords" content="キーワード1,キーワード2">」はキーワード。「,(カンマ)」で区切ることで複数記述が可能。検索エンジンで使われているらしい。
- 「<frameset title="Frame Title" cols="200,*">」の「cols="200,*"」は横分割です。「rows="100,*"」とすると縦分割になります。「%」及び「(単位指定なし)」で指定します。「*」は残りのサイズを自動計算してくれます。また、分割した数だけ、「frameタグ」を使います。
- 「noframesタグ内」はフレーム未対応ブラウザのための表示内容です。
「HTML 4.01 Frameset」サンプル
Posted By PONTA : 2005/08/21-17:15