┏━┳━━━━━━━━━━━━┓
┃  ┃                 ┃
┃  ┃                 ┃
┃  ┃                 ┃
┃(1)┃     (2)           ┃
┃   ┃                 ┃
┃  ┃                 ┃
┃  ┃                 ┃
┃  ┃                 ┃
┣━┻━━━━━━━━━━━━┫
┗━━━━━━━━━━━━━━┛
こんな感じでページ分割したいのですが、
タグがわかりません。(2つはわかるのですが・・・・)
(1)にはメニュー(2)には内容をそして下の部分はカウンタをつけたいのです。
記載URLなどがあればおしえてください。

このQ&Aに関連する最新のQ&A

A 回答 (6件)

<FRAMESET>タグはネスト可能なタグなので、



  <FRAMESET rows="100%,80">  <!--後ろに固定値が入り、前部は残り全てという場合の書き方-->
   <FRAMESET cols="120,*">
    <FRAME src="menu.html" name="MENU">
    <FRAME src="main.html" name="MAIN">
   </FRAMESET>
   <FRAME src="footer.html" name="FOOTER">
  </FRAMESET>

のようにします。(基本部分のみ)
(1つの<FRAME>の代わりに、<FRAMESET>~</FRAMESET>を書くことができます。)

参考URL:http://tohoho.wakusei.ne.jp/html/frameset.htm
    • good
    • 0

フレームサンプルいろいろ、応用手順など:


http://www5.justnet.ne.jp/~woka/frame_sample1/se …
      ↓
左・中・下フレーム (例)
http://www5.justnet.ne.jp/~woka/frame_sample1/HN …
    • good
    • 0

KIMVさんの方法が結局正解になります。


一番もとのHTMLを、
<html>
<head>
<title>タイトル</title>
</head>
<frameset rows="500,*" >
<frame src="./frame2.html" name="UE1">
<frame src="./TEST_SITA.cgi" name="UE2">
</frameset>
</html>

として、
frame2.htmlに、
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols="200,*" >
<frame src="./TEST_UE_HIDARI.html" name="UE1">
<frame src="./TEST_UE_MIGI.html" name="UE2">
</frameset>
</html>
でもできます。
が、
これをすると、ロースペックのマシンで、
NNなどのブラウザで見たとき、
ブラウザが落ちることがあります。
しかも、フレームの表示のとこから、
CGIで作成してたら、絶対といえるくらいの確立で落ちます。

ということで、
なるべく、
KIMVさんの方の方法で実行した方がよいです。
    • good
    • 0

<html>


<head>
<title>タイトル</title>
</head>
<frameset rows="200,*" bordercolor="#5588BB" border="YES">
<frameset cols="200,*" >
<frame src="./TEST_OT.cgi" name="UE1">
<frame src="./TEST_OT.cgi" name="UE2">
</frameset>
<frame src="./TEST_IN.cgi" name="SITA" scrolling="no">
</frameset>
</html>

上記で 可能だと思います。
※私の機械では動きました。
    • good
    • 0

いっそフリーソフトで作ってみるのはいかがでしょう?



3つのパーツとなるHTMLを用意し、このソフトを使う事でフレームを作る事ができますよ。

参考URL:http://www.vector.co.jp/soft/win95/net/se193357. …
    • good
    • 0

用意するHTMLファイルは5つになります。


index.html<==>URLに入力される。
a.html<==>(1)と(2)を分割するHTML
b.html<==>下の小さいカウンタ部分のHTML
c.html<==>(1)のHTML
d.html<==>(2)のHTML

******<<index.html>>************************************
<html>
<title>これは呼び出される大元のページ</title>
<frameset rows="95%,*">
<frame name="a" src="a.html" scrolling="auto">
<frame name="b" src="b.html" scrolling="auto">
<noframes>
<body>
このページにはフレームが使用されていますが、お使いのブラウザではサポートされていません。</p>
</body>
</noframes>
</frameset>

</html>
************************************************

******<<b.html>>************************************
<html>
<title>これは(1)と(2)を分けるHTMLです。</title>
<frameset cols="30%,*">
<frame name="c" src="c.html" scrolling="auto">
<frame name="d" src="d.html" scrolling="auto">
<noframes>
</noframes>
</frameset>

</html>
************************************************

ただ、フレームを多用した非常に重いページになるので、
見る立場から言えば、あまり歓迎できるページ構成ではありません。
提供する立場にたって、別のページ構成を採用することをお奨めします。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qフレーム分割の件で質問です、先ず上下分割、そして、次に下のフレームのみ、左右分割するとします

フレーム分割の件で質問です、先ず上下分割、そして、次に下のフレームのみ、左右分割するとします、このとき、先に、仕切った上下分割のフレームの境界線のみを消す方法を知りたいのですが?
そんな、タグはないでしょうか?
フレームについての説明はWEB上にあるのですが、具体的に、そのまま使えるタグをしましてくれているものは無くて、、、、

Aベストアンサー

<frameset rows="120,*" frameborder="0">
では?
その説明ページを読んでなぜ理解できなかったのかがわかりません。
これであってるとよいですが・・・。

Qブログの場合のh1タグh2タグの使い方

ブログの場合、
h1タグ:サイトの名前
h2タグ:記事のタイトル
に使っているのですが、使い方は間違っていますでしょうか?
ブログの場合h3以降の使い方がまったくわかりません。

Aベストアンサー

ブログのトップページならそれでいいと思います。

トップページ以外でh1要素がサイトのタイトルになっているのは好ましく
ありません。個別記事ページでは記事タイトルをh1要素にすべきですし、
カテゴリー別のページならカテゴリー名をh1要素にすべきでしょう。

全ページのh1要素がサイトタイトルになっているWebサイトは、全部のペー
ジに本の題名が書かれている本と同じくらい変です。つまり、h1要素は
ページ内容に沿ったものにするべきだということです。

h2以降の要素は記事内に見出しを設けたいときに使ってください。例えば

<h1>今日買ったAとBについての感想</h1>
<h2>Aの感想</h2>
<p>なんたらかんたら</p>
<h2>Bの感想</h2>
<p>なんたらかんたら</p>

こんな感じですね。
ブログの適切なマークアップについては下記URLも参考になるかと。

参考URL:http://elastic965.80code.com/blog/2006/11/non-blog

Qbrタグ、pタグやtableタグが非推奨にならない理由

表記のタグは必ずしも純粋に文章の構造を記述するものとは言えない(装飾やレイアウトに属する範疇)ような気がします。

実際CSSで十分に代用できると思うのですが、これらのタグがW3Cで非推奨とされないのは何故でしょうか。

Aベストアンサー

> HTMLで最低限の外見制御
まだちょっと主従関係について混乱されているようです。

HTMLの要素がデザインに影響する機能を持っているのではなく、
それが何であるかを示すためにマークアップをすると
結果として(視覚化するブラウザでは)表示に影響が出るのです。

ページを表示する≒(X)HTML文章を伝達する、ために存在するブラウザが
段落だから行間を空けてやろうとか
表だから縦横に並べてやろうとか
それなりの視覚化を行っているだけです。


行間がどうなるとか外見の制御を念頭においてを考えるのではなく
本質的にそれが「何」であるかをマークアップするのが文章の論理構造を記述するという事です。

一般的に外見から考えたほうが理解しやすいので
縦横に並べたいと思えばそれは恐らくリストや表だし、
一行空けたいと思えばたぶん段落の切れ目ですが
理念は逆ですのでお間違えのなきように。

Qulタグやliタグの中でbrタグは使えない?

完成したサイトなのですが…。
Dreamweaverにて開いて一応チェックすると、
「タグbrはur内では使用できません」との表示がでて驚いています。

<li>~</li>だけで自動的になされる改行だと、詰まって見えるのです。
だから、

<ul style="padding-left: 00px;">
<li>~</li></br>
<li>~</li></br>
</ul>

のようにして処理しております。ただ、これってSEO的にマズい、ということなのでしょうか?
どうか、ご存知の方いましたら教えてください。

Aベストアンサー

SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。
→10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )

<!ELEMENT UL - - (LI)+ -- unordered list -->
ulには、「li要素のみを一個以上もつ。」と書かれています。


<!ELEMENT LI - O (%flow;)* -- list item -->
li要素には、%flowをゼロ個以上もつ、終了タグは省略できる。

読み方は、3.3.3 要素宣言 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.3.1 )を参照すること

したがって
<ul>
 <li>・・・<br>
 <li>・・・<br>
</ul>
とは書けます。(HTMLの場合)
その場合、ブラウザは
<ul>
 <li>・・・<br></li>
 <li>・・・<br></li>
</ul>
と解釈します。(XHTMLはこう書かないとならない)

★もっと、はるかに大事なこと
「<li>~</li>だけで自動的になされる改行だと、詰まって見えるので」<br>を入れるは、HTML的には最大の間違いです。こちらのほうがはるかに重要!!
 構造とプレゼンテーションは区別すること。デザインのためにHTMLを書いてはなりません。
 2.3.2 アクセス性 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.3.2 )

スタイルシートで、
ul li{margin-bottom:1em;}
だけでよい。

SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。
→10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )

<!ELEMENT UL - - (LI)+ -- unordered list -->
ulには、「li要素のみを一個以上もつ。」と書かれています。


<!ELEMENT LI - O (%flow;)* -- list item -->
li要素には、%flowをゼロ個以上もつ、終了タグは省略できる。

読み方は、3.3.3 要素宣言 ( http://www.asahi-net.or.jp...続きを読む

Q使えるタグ、使えないタグ、使わないほうがいいタグ…等

タイトルの通り、使えるタグ、使えないタグ、使わないほうがいいタグ…等の違いを頭の中で整理することができません。
具体的に何で混乱しているかというと、

1、DOCTYPEスイッチで標準準拠にした場合は、color:fff;などの記述が無視されるだけで、htmlタグの使える使えないには関係がない…?
2、非推薦のタグは、使用することはできるが将来廃止になる可能性があるから、前方互換を考え使わないほうが良い…?
3、廃止タグは、使用することが出来ない。(記述しても無視される)…?
4、廃止タグを使った場合も、まだそのタグが廃止されていないころのブラウザを使えば問題なく使用可能…?(使用したいわけではなく、可・不可の問題で)
5、また、html5が話題になってきていますが、html5で廃止されたタグも現行のブラウザでは後方互換のため使用することが可能…?
6、html5では使えないが、ブラウザはhtml5にもhtml4.01等にも対応しているので使用ができる。という解釈で合っていますでしょうか?
7、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">などとしても、html5のタグが反応するのはどうしてなのでしょうか?

間違えている項目等、指摘していただければ幸いです。どうかよろしくお願いします。

タイトルの通り、使えるタグ、使えないタグ、使わないほうがいいタグ…等の違いを頭の中で整理することができません。
具体的に何で混乱しているかというと、

1、DOCTYPEスイッチで標準準拠にした場合は、color:fff;などの記述が無視されるだけで、htmlタグの使える使えないには関係がない…?
2、非推薦のタグは、使用することはできるが将来廃止になる可能性があるから、前方互換を考え使わないほうが良い…?
3、廃止タグは、使用することが出来ない。(記述しても無視される)…?
4、廃止タグを使った...続きを読む

Aベストアンサー

仕様書を読めば、すべて書いてあることですよ。
 とりあえず、HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )からだけ

【引用】____________ここから
しかし、様々なHTMLバージョンの実装間での実験及び相互運用性を促進するため、次の動作を推奨する。
●認識できない要素があった場合、ユーザエージェントは、内容のレンダリングを試みねばならない。
●認識できない属性があった場合、ユーザエージェントは、当該属性定義全体(すなわち、属性とその値)を無視しなければならない。
●認識できない属性値があった場合、ユーザエージェントは、デフォルトの属性値を用いねばならない。
●宣言されていない実体があった場合、この実体を文字データとして扱わねばならない。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Performance, Implementation, and Design Notes (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/appendix/notes.html#h-B.1 )]より

【引用】____________ここから
注意。 1999年12月24日版のHTML 4.01において、HTML作業グループは次の方針を確約する。
●HTML 4 DTDに将来発生する変更は、現在の規定によるDTDに適合する文書を不適正化するものではない。 HTML作業グループは、バグを修正する権利を予約する。
●現在の規定に適合するソフトウエアは、将来の HTML 4 DTD にある認識不能な機能を無視してよい。

 これはつまり、文書型宣言において、著者は最新版のHTML 4を指し示すシステム識別子を安全に用い得るということを意味する。 著者はまた、特定DTDで検証することが求められる際には特定日付版のHTML 4 DTDを示すシステム識別子を用いてもよい。 W3Cは、特定日付版について、原形式のまま原アドレスで無期限に得られるよう、あらゆる努力を払う。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.2 )]より

 などあちこちに、

★すなわち
 Document Typeは、あくまで、そのHTMLがどのルールによってかかれているかを宣言するもので、その宣言とそれによって許される要素名・属性などについては、将来的に表示が保証されるという意味です。

 DOCTYPEを書け!書かなければならないのは、この保証を担保するためです。
 DOCTYPEが書かれていて、それに適合するように書きなさいとは、そういう意味です。
 一方でブラウザには、適合していなくても、可能な限り表示を努力することが求められていますが、義務ではない。
 
と考えれば、すべての質問に対する答えはお分かりですよね。・・・そのように、仕様書に書いてある。

仕様書を読めば、すべて書いてあることですよ。
 とりあえず、HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )からだけ

【引用】____________ここから
しかし、様々なHTMLバージョンの実装間での実験及び相互運用性を促進するため、次の動作を推奨する。
●認識できない要素があった場合、ユーザエージェントは、内容のレンダリングを試みねばならない。
●認識できない属性があった場合、ユーザエージェントは、当該属性定義全体(すなわち、属性とその値...続きを読む


このカテゴリの人気Q&Aランキング

おすすめ情報