【htmlの文法について】


webページを上下2分割し、それぞれ違うサイトを表示したいと思います。
(例 上はgoogle、下はyahoo)

これを実現する、htmlの文法を教えて下さい。
または、実際に使われているサイトを教えて下さい。
宜しくお願いします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2008/06/15 09:24:19
  • 終了:2008/06/22 09:25:02

回答(4件)

id:TAK_TAK No.1

tak回答回数972ベストアンサー獲得回数792008/06/15 09:31:51

ポイント23pt

<frameset rows="50%,50%">

....

</frameset>



frameset のことでしょうか?

id:mizore_chan

frameset というのですね。

2008/06/15 11:12:40
id:noir_k No.2

noir_k回答回数45ベストアンサー獲得回数22008/06/15 09:59:14

ポイント23pt

<frame>タグで実現できます。

こんな感じで。

<html>

<head>

<title>上下2分割</title>

</head>

<frameset rows="50%,*">

<frame src="http://www.google.com/" name="frame1">

<frame src="http://www.yahoo.co.jp/" name="frame2">

</frameset>

<noframes>

このページはフレーム対応のブラウザでご覧ください。

</noframes>

</frameset>

</html>

通常の<body>内ではなく、<frameset>内に記述します。

<noframe>内はフレーム未対応の場合に表示されます。


使用しているサイトの例⇒http://fan.xrea.org/frame/0u-l/

実用上使われているサイトでしたら沢山あります。いわゆる「フレーム対応」サイトと言う奴です。

ひとつ例で挙げますと、http://www.nagisama-fc.com/anime/

このようなサイドバーメニューの殆どは、<frame>タグで実現されています。

id:mizore_chan

ソースもありがとう御座います。

2008/06/15 11:12:44
id:notvalid No.3

notvalid回答回数43ベストアンサー獲得回数22008/06/15 10:10:44

ポイント22pt

http://web.hosp.kanazawa-u.ac.jp/hp/h10/frame/kaisetsu.html

【上下分割表示されるページ】

    <HTML>
    <HEAD>
    <TITLE>
    [上下分割フレームの基本型]
    </TITLE>
    </HEAD>
    <FRAMESET ROWS="30%,*">
    <FRAME SRC="ue.html">
    <FRAME SRC="sita.html">
    </FRAMESET>
    </HTML>

ここのue.htmlとsite.htmlをそれぞれ表示させたいサイトのURLをhttp://から書けばOKです。

分割ラインの位置はROWS="30%,*"の30%を適当にいじってやればOKです。

id:mizore_chan

シンプルでわかり易いです。

ありがとう御座います。

2008/06/15 11:12:47
id:pahoo No.4

pahoo回答回数5960ベストアンサー獲得回数6332008/06/15 10:29:12

ポイント22pt

フレームを使う方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/REC-html40/frameset.dtd">
<html>
<frameset rows="50%,*">
<frame src="http://www.google.com/">
<frame src="http://www.yahoo.co.jp/">
</frameset>
</html>

インラインフレームを使う方法

<body>
<script language="JavaScript">
width  = document.body.clientWidth - 20;
height = document.body.clientHeight / 2 - 20;
document.write('<iframe src="http://www.google.com/" width="' + width + '" height="' + height + '"></iframe><br />');
document.write('<iframe src="http://www.yahoo.co.jp/" width="' + width + '" height="' + height + '"></iframe><br />');
</script>
</body>
</html>

参考サイト

id:mizore_chan

インラインフレームというのも有るのですね。

2008/06/15 11:12:49

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません