• ベストアンサー

フレームページのソース

こんにちは。 フレームページのソースについて質問させてください。 <FRAMESET COLS="20%,*" BORDER=0> <FRAME NAME="menu" SRC="menu.html" scrolling="auto" NORESIZE> <FRAME NAME="main" SRC="main.html" scrolling="auto" NORESIZE> </FRAMESET> これを どこに入れるかですが、私が知っているソースの常識は、 1、</HEAD>のすぐ後には必ず<BODY> 2、</HTML> のすぐ前は必ず</BODY> です。これを守ってソースを書き込んでみると、 <HTML> <HEAD> <FRAMESET COLS="20%,*" BORDER=0> <FRAME NAME="menu" SRC="menu.html" scrolling="auto" NORESIZE> <FRAME NAME="main" SRC="main.html" scrolling="auto" NORESIZE> </FRAMESET> <TITLE>タイトル</TITLE> </HEAD> <BODY> <NOFRAMES> <P>サイトの説明</P> </NOFRAMES> </BODY> </HTML> このようになると思うのですが、 <HEAD>と</HEAD>に入れ込んでいいのでしょうか。 </HEAD>の下に持ってこようとすると 1、2、の常識に当てはまらなくなったりするのです。 他のサイトさんのソースを見てみますと 皆さん</HEAD>下に入れていらっしゃるようです。 トップページに使用しているのでとても不安です。 どなたか、自信のある方、教えていただけないでしょうか。

  • HTML
  • 回答数5
  • ありがとう数5

質問者が選んだベストアンサー

  • ベストアンサー
noname#227796
noname#227796
回答No.5

より正確を期するのならば、下記のような記述にした方がよいと思います。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <HTML lang="ja"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <TITLE>タイトル</TITLE> </HEAD> <FRAMESET TITLE="parent" COLS="20%,*" BORDER=0> <FRAME NAME="menu" TITLE="menu" SRC="menu.html" scrolling="auto" NORESIZE> <FRAME NAME="main" TITLE="main" SRC="main.html" scrolling="auto" NORESIZE> <NOFRAMES> <BODY><P>サイトの説明</P></BODY> </NOFRAMES> </FRAMESET> </HTML> まあ、実際のところ、ここまでやる必要はないと思いますが。。。(^^; ただ、上記METAタグとBODYタグは忘れずに入れた方が良いと思いますよ。

参考URL:
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
saku444
質問者

お礼

お答えありがとうございました。 実は、 http://openlab.ring.gr.jp/k16/htmllint/htmllint.html は、以前から利用しています。 しかし、修正方法を読んでも正しく修正できません。まだまだ勉強不足です。 お友達のサイトをここでチェックしてみて 「あら、私より点数悪いじゃない」 なんて喜んだりして利用する程度です。 私のサイトは、全35ページあります。 「HTML構文チェックツール 」で全ページをチェックしてみましたところ トップページは、-73点 その他は、だいたい +40点~+60点の間です。 知り合いのパソコン塾の先生のトップページは、-300点以下でした。(これは、内緒です。) 「教えてGoo」の質問今回は2回目ですが、お答えくださった皆様にはとても感謝しております。 特に今回は、救われた気持ちでいっぱいです。 本当にありがとうございました。

その他の回答 (4)

  • arthur
  • ベストアンサー率34% (15/43)
回答No.4

どうもこんにちは^^ フレームを使用する時は<BODY>タグは必要なかったと記憶しています。 また、<HEAD>タグの中に<FRAMEST>を記述されていますが、 <HRAD>タグ内はタイトルなどを記述する場所なので、 上の例は文法的に正しくないと思います。 HTMLタグの本を読めばフレーム使用時の記述例は書いてあると思うのですが、 上で書かれている例を正しく書き直すとしたら <HTML> <HEAD> <TITLE>タイトル</TITLE> </HEAD> <FRAMESET COLS="20%,*" BORDER=0> <FRAME NAME="menu" SRC="menu.html" scrolling="auto" NORESIZE> <FRAME NAME="main" SRC="main.html" scrolling="auto" NORESIZE> <NOFRAMES> <P>サイトの説明</P> </NOFRAMES> </FRAMESET> </HTML> と書くのが正解だと思います。 1、2の常識は間違ってはいませんが、 フレームの場合は例外ということで当てはまらないというこですね^^;

saku444
質問者

お礼

お答えありがとうございました。 いろいろな構文チェックツールがありますが、コンピュータが、フレームページだと判断してチェックしてくれるようなツールに私はまだ出会っていません。 「<BODY>は、</HEAD> のすぐ下に書きましょう。」などと出てきます。 ロボット検索エンジンは、フレームページを見分けているんだろうか? なんて別の質問になってしまうのでやめます。 これからも宜しくお願いします。

  • kosa
  • ベストアンサー率25% (379/1464)
回答No.3

1、</HEAD>のすぐ後には必ず<BODY> 2、</HTML> のすぐ前は必ず</BODY> 上記はあくまでも基礎であって、絶対的なルールではありません。 JAVAスクリプトなどの場合も特殊ですし・・・ 特にIEでの場合は、ソースに関してはかなりあいまいなのが現状です。

saku444
質問者

お礼

お答えありがとうございました。 >1、</HEAD>のすぐ後には必ず<BODY> >2、</HTML> のすぐ前は必ず</BODY> >上記はあくまでも基礎であって、絶対的なルールではありません。 >JAVAスクリプトなどの場合も特殊ですし・・・ そうでしたか。 よく分かりました。 ホームページは、奥が深いんですね。 文法的に正しい書き方をしていなくても、ページは表示されますので 知らないままでいたら怖いなという気がしています。 これからも宜しくお願いします。 ありがとうございました。

  • rasaki
  • ベストアンサー率53% (33/62)
回答No.2

フレームの構成を記述するHTMLには</head>直後のbodyタグは不要です。 <HTML> <HEAD> <TITLE>タイトル</TITLE> </HEAD> <FRAMESET COLS="20%,*" BORDER=0> <FRAME NAME="menu" SRC="menu.html" scrolling="auto" NORESIZE> <FRAME NAME="main" SRC="main.html" scrolling="auto" NORESIZE> <NOFRAMES> <BODY> <P>サイトの説明</P> </BODY> </NOFRAMES> </FRAMESET> </HTML> 正しくは以上のような記述になりますね。

saku444
質問者

お礼

お答え頂きありがとうございました。 多数決で決めることではありませんが、 短い時間に一度に5人の方から同じ答えが返ってきますと 「私の使っていたツールは、ちょっと・・・・。」 この「教えてGoo」の素晴らしさを感じます。 お答え本当にありがとうございました。

saku444
質問者

補足

こんにちは。 「初心者のホームページ作成ツール」というのをダウンロードして使用しているのですが、自動的にタグが作成されます。 フレームも作れるのです。 そのツールでは、 <FRAMESET COLS="20%,*" BORDER=0> <FRAME NAME="menu" SRC="menu.html" scrolling="auto" NORESIZE> <FRAME NAME="main" SRC="main.html" scrol... が、 </HEAD> の下ではなく、</HEAD> 上に来るのです。 <BODY>も</HEAD>のすぐ下に来るのです。 このツールの悪口を言っているのではありません。 「今までやって来たことが、全て間違いだらけだったのかしら」 と思うと頭が、混乱して・・・

noname#4326
noname#4326
回答No.1

いきなり自信なしで申し訳ありませんが、ご参考までに。 IBM社のホームページビルダーVer6.5(最新)では、 <HEAD> <META> <TITLE></TITLE> <STYLE> </HEAD> <FRAMESET> <NOFRAMES> <BODY></BODY> </NOFRAMES> </FRAMESET> </HTML> (タグ以外は省略) という順番を取っているようですね。 Win,MacそれぞれのIE5以上で確認済みですが、 これといった問題はないようです。

saku444
質問者

お礼

お答え頂きまして、ありがとうございました。 とてもよく分かりました。 慌てて自分のサイトのフレームページのタグを修正しました。 なお、 補足質問してしまいましたが、お気になさらないで下さい。 何度もお答え頂いては、申し訳ないので 自分で調べてみます。 これからも宜しくお願いします。

saku444
質問者

補足

こんにちは。 「この際だから、ちゃっかり質問しちゃおう」 ということで </HEAD> の前にある <STYLE> は、単独で使用するものですか? <STYLE> </STYLE> とセットで使用するものですか? 宜しくお願い致します。 saku444

関連するQ&A

  • フレームページが崩れる。。。

    フレームページを使っているのですが、見る人によってはページの一部が切れて 見えない部分もあるらしいです。ブラウザの大きさを変えてもレイアウトだけは 崩さない為には、どこにどんなタグが必要なんですか? 現在のフレームの親ページのソースです。 <FRAMESET rows="30%,70%" frameborder="NO" border="0"> <FRAME src="ue.html" scrolling="NO" noresize> <FRAMESET cols="20%,80%" frameborder="NO" border="0"> <FRAME src="side.html" scrolling="NO" name="menu" noresize> <FRAME src="main.html" name="main" noresize> </FRAMESET> <NOFRAMES>

    • ベストアンサー
    • HTML
  • フレームページの隙間

    フレームページを作ったのですが、フレームの間の隙間をなくしたのですがどのようになくすのか解りません。どうか教えて頂けないでしょうか。お願します。 実際のソースコート <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.0 for Windows"> <TITLE>もっくもっく</TITLE> </HEAD> <FRAMESET rows="155,*" frameborder="0" border="0" framespacing="0" framepadding="0"><!-- 上のフレーム --> <FRAME src="osawa1.html" name="1" scrolling="no" noresize topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <FRAMESET cols="700,*" frameborder="0" border="0" framespacing="0" framepadding="0"><!-- 左のフレーム --> <FRAME src="osawa2.html" name="2" scrolling="auto" noresize mtopmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> <!-- 右のフレーム --> <FRAME src="osawa3.html" name="3" scrolling="no" noresize topmargin="0" marginheight="0" leftmargin="0" marginwidth="0"> </FRAMESET> <NOFRAMES> <BODY topmargin="0" marginheight="0" leftmargin="0" marginwidth="0">フレーム対応ブラウザでご覧ください。</BODY> </NOFRAMES> </FRAMESET> </HTML>

  • DMMX2004のフレームのスクロールバーがっ!

    はじめて投稿させていただきます。 DMMX2004でフレームのページを作っているのですが、左側のメニューから右側のメインページをターゲットにして飛ぶと、どうしてもウインドウ下辺のスクロールバーが出てしまうのです。 改行のみの単純なページだとしても同じで、サイトの外観を著しく損なうので、どなたかお教えいただけないでしょうか。 ちなみにスクロールバーの設定は自動(auto)になってす(特にいらないときにも出てくる) 以下がフレームのソースです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>flame</title> </head> <frameset cols="120,*" frameborder="NO" border="0" framespacing="0"> <frame src="menu.html" name="menu" scrolling="auto" noresize> <frame src="main.html" name="main" scrolling="auto"> </frameset> <noframes><body> </body></noframes> </html> それではよろしく御願いします。

  • フレームの大きさを変更する 等

    index.htmlにフレームが定義してあります。 右・中央・左と言う感じで3つに区切っています。 <FRAMESET COLS="130,*,130" border="0"> <FRAME name="left" src="left.html" scrolling="no" frameborder="0" noresize> <FRAME name="main" src="main.html" scrolling="auto" frameborder="0" noresize> <FRAME name="right" src="right.html" scrolling="no" rameborder="0" noresize> <NOFRAMES> <BODY> <P>このページはフレームを使用しています<br>フレーム対応ブラウザーで閲覧してください。</P> </BODY> </NOFRAMES> </FRAMESET> これを、例えば中央のページのリンクをクリックすると、 フレームのサイズを変更することは可能なのでしょうか。 例 最初:<FRAMESET COLS="130,*,130" border="0"> ↓ サイズ変更リンクをクリック ↓ 変更後:<FRAMESET COLS="200,*,0" border="0"> このような感じです。 すみませんが、ご存知の方がいらっしゃいましたら、 ご教授をお願いします。 もしもよろしければ、簡単なサンプルコードもつけていただければ嬉しいです

  • フレームのことなんですが

    説明しにくいので、もしわかりにくければ下記のソースを参考に ご回答いただけるとありがたいです(4つ有効なリンクが貼ってあります)。 四分割のフレームをつくりました。 その内の一つにyahoo.co.jpを設定してあります。 そのyahooの右側の「個人ツール」の箇所だけ 焦点をあてて表示させる方法はありませんか? 一目でメールチェックができるようにしたいので。 なお、HP作成ではなく、まったくのローカルで使うものです。 <HTML> <HEAD> <TITLE>LINK</TITLE> </HEAD> <FRAMESET COLS="50%,50%"> <FRAMESET ROWS="42%,58%"> <FRAME SRC="http://www.google.co.jp" NAME="google" SCROLLING="auto" > <FRAME SRC="http://www.goo.ne.jp" NAME="goo" SCROLLING="auto" > </FRAMESET> <FRAMESET ROWS="73%,27%"> <FRAME SRC="http://www.yahoo.co.jp" NAME="yahoo" SCROLLING="auto" > <FRAME SRC="http://www.infoseek.jp" NAME="infoseek" SCROLLING="auto" > </FRAMESET> <NOFRAMES> <BODY> 本ページはフレームで構成されております。<BR> フレーム未対応のブラウザでは表示できませんのでご了承ください。</BODY> </NOFRAMES> </FRAMESET> </HTML>

    • ベストアンサー
    • HTML
  • フレームのページが上下逆に表示されてしまいます。

    Dreamweaver3でフレーム2分割のHPを作りました。 アップして1台のパソコンで表示すると正常に見られますが、もう1台のパソコンで見ると上下逆に表示されてしまいます。 更新させると正常の表示されます。 一体何が原因なのかさっぱりわかりません。 パソコンはどちらもWin98でブラウザはIEの6.0です。 下記はフレームセットのソースです。 原因のわかるかたがおりましたらよろしくお願いします。 ----------------------------------------------- <html> <head> <titleタイトル</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> </head> <frameset rows="420,180" frameborder="0" border="0" framespacing="0" cols="*"> <frame src="main.html" name="mainFrame" scrolling="yes" noresize> <frame src="menu.html" name="bottomFrame" noresize scrolling="yes"> </frameset> <noframes> <body bgcolor="#FFFFFF"><DIV ALIGN=CENTER></DIV> </body></noframes> </html> ------------------------------------------------

  • ソース間違えていますか?

    昨日、ソースを変更し、UPしたのですが、今日から急に観覧できなくなりました。ソースがおかしいのでしょうか? 友人たちに、個々のパソコンで観覧していただいたのですが、みんな真っ白で何も見られないといいます。 中国語のサイトなので、metaタグは、gb2312です。 ちなみに、menu1、main、menu2などは、個別には見られます。でも、フレームにすると見られません。 大変困っております。 よろしくお願いいたします。 <html> <head> <title><title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <frameset cols="15%,70%,15%" frameborder="NO" border="0" framespacing="0" rows="*"> <frame name="Frame01" scrolling="yes" src="menu1.htm"> <frame name="main" scrolling="yes" src="main.htm"> <frame name="Frame03" scrolling="yes" src="menu2.htm"> </frameset> <noframes> <body bgcolor="#FFFFFF" text="#000000> </body> </noframes> </html>

    • ベストアンサー
    • HTML
  • フレームセットができない・・

    フレーム構造のページを直に呼び出すためのリンクを作ろうとしています。 要は、フレームがセットされた状態で呼び出すということです。 http://www.ほげ.net/ほげ/ほげ/021107_ほげ.html    メイン部分のURLがこうだとして。 http://www.ほげ.net/ほげ/ほげ/021107_ほげ2.html この場合は、同じディレクトリーにソースを入れ込みます。ファイル名は 021107_ほげ2.htmlです。そうすれば、例えばメルマガなどで上記URLを入れ込 めば、フレームセット状態でページが表示されるはずなんですが メインの文章の右側をスクロールさせます。で、以下のようなソースを作った のですがどうしてもメインのhtmlが出てきてくれません。 □□□□□□□□□□□□□□□□□□□□□□□               header.html □□□□□□□□□□□□□□□□□□□□□□□   □   □ ※   □ ス   □               ク menu.html  □               ロ   □               ル   □ ****.html   ※ ------------------------------------------------ </HEAD> <frameset rows="90,*" border="0" framespacing="0" frameborder="NO"> <frame src="../../header.html" name="header" noresize scrolling="NO"> <frame src="../../menu.html" name="left" noresize scrolling="NO"> <FRAME SRC="*****.html" NAME="main" SCROLLING=YES> <NOFRAMES> <BODY> このページを見るのにはフレームの表示ができるブラウザが必要です。 </BODY> </NOFRAMES> </FRAMESET> </HTML>

    • ベストアンサー
    • HTML
  • フレームすくローリング有り/無し

    こんにちわ だいぶ前に登録してから、久しぶりに 質問させて頂きます。  フレームページの作成をしております。  右がメインで、左がメニューの一般的なものですが、  左のメニューフレームについて、、、 縦幅はスクロール有り 横幅はスクロール無しにし、幅を固定したいのですが HTMLタグ辞典や調べて探しきれませんでした。 既に同じ質問が出ていたら申し訳ありません、 何卒宜しくお願い致します。  現在 indexのタグは以下のとおりです。 --------------- <frameset rows="*" cols="150,*" frameborder="NO" border="0" framespacing="0"> <frame src="left_frame.htm" name="leftFrame" scrolling="auto" noresize>  ↑↑↑↑↑↑↑↑ auto にすると、横も縦も  スクロール出てしまいます;_; <frameset rows="82,*" cols="*" framespacing="0" frameborder="NO" border="0" Marginwidth="5"> <frame src="frame_above.htm" name="topFrame" scrolling="NO" noresize> <frame src="main.htm" name="mainFrame"> </frameset> </frameset> <noframes><body> ---------------

  • ビルダー12のフレームを使ったページについて

    今ビルダー12でフレームを使ったページ作成をしているのですが メニューの中の「フレーム HTMLソース」という項目(タブ)があるんですが これはどういった部分に影響するところなんでしょうか?ページのデザイン等には 関係無いように思えますが…。 以下は今製作しているサイトの「フレーム HTMLソース」なんですが 「このページを表示するには、フレームをサポートしているブラウザが必要です。」 の文字はいつどこで表示されるものなのでしょうか? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.4.0 for Windows"> <TITLE></TITLE> </HEAD> <FRAMESET rows="146,*" frameborder="NO" border="0"> <FRAME name="top" src="header.html" scrolling="NO"> <FRAMESET cols="246,*" frameborder="NO" border="0"> <FRAME name="left" src="navi.html" scrolling="AUTO"> <FRAME name="right" src="contents_main.html"> </FRAMESET> <NOFRAMES> <BODY> <P>このページを表示するには、フレームをサポートしているブラウザが必要です。</P> </BODY> </NOFRAMES> </FRAMESET> </HTML>