Challenge HP
HP作成 スタイルシート apeskin サーバー HP作成ソフト アフィリエイト リンク BBS top
HPあれこれメニュー
はじめに
知っておきたい事
HTMLの基本
テーブル
レイアウト
画像
色々なこと
HTML4.01要素一覧
XHTML
テンプレート
エイプスキン
サイトマップ
 
IEツールバー
Googleツールバー
Infoseekツールバー
Yahoo!ツールバー
Windowsをお使いでしたら、IEツールバーを利用すると検索に便利。 ブラウザに組み込まれ、キーワード検索できます。




■ フレーム リファレンス
<frameset>
属性 意味
cols 任意の数字
*(残り全部)
左右に分けるサイズの指定 %も使える
rows 任意の数字
*(残り全部)
上下に分けるサイズの指定 %も使える
border 任意の数字 フレームの境界線の幅(NN)
frameborder 任意の数字 フレームの境界線の幅(IE)
framespancing 任意の数字 フレーム内の余白(IE)
<frame>
src URL ファイルのURL
name 任意の名前 フレームの名前
scrolling yes
no
auto
スクロールバーの有無
<noframes>
現在はサイトの内容の説明を書いておく。


+ フレームを分けるのに % も使えますが、表示領域次第で見栄えも変わります。
従ってなるべく使わない方が良いかもしれません。サイトの作り方次第では % を使っても上手く表示出来ると思います。

+ <frame>タグには閉じるタグはありません。

+ スクロールバーの必要無いフレームは、 no にして表示しない方が良いです。
スクロールバーが必要な場合も yes より auto の方が良いでしょう。

+ フレームの境界線のボーダーは、IE用とNN用の両方を入れておきます。
境界線が必要無い場合は値を"0"にします。また framespancing はお好みで。

<frameset rows="60,*" border="0" frameborder="0" framespancing="0">

+ <noframes>タグは現在必要無いですが、入れておく方が正しいです。
<noframes>タグ内に書く内容は、かつては「このサイトの表示はフレームを認識するブラウザが必要です」 などと書いていましたが、現在はサイトの簡単な説明などを書くケースが多いです。検索ロボット用対策の1つです。

<noframes>
ここはホームページ作成のための支援サイトです。フレームを使用してます。
</noframes>
■ フレームのHTMLの書き方
フレームHTMLにも<head>を入れて、各情報を入れておきます。実際の書き方を 書いてみます。<body>は必要ありません。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta name="description"content="ホームページの作成">
<meta name="keywords"content="HTML,CSS,ホームページ,作成,">
<title>初めてのHTML</title>
</head>

<frameset cols="125,*">
<frame src="menu.html" name="menu" scrolling="auto">
<frame src="index.html" name="main" scrolling="auto">
</frameset>
</html>

<noframes>
ここはホームページ作成のための支援サイトです。フレームを使用してます。
</noframes>
</html>

<html>も<head>やその情報が無くても大丈夫ですが、<noframes>内の 文章が文字化けするし、 フレームページがロボット検索で登録された場合を考慮すると、やはり<meta>タグによる情報は必要だと思います。

フレームの割り方の例を幾つか上げましたが、フレームはテーブルと同じように組み合わせ方次第で色々なスタイルが作れます。 複雑になるとその分サイトが重くなってしまう可能性もあるので、軽いHTMLを配置するのが良いでしょう。
 you style Copyright (C) 2003-2004 Challenge HP, All rights reserved.