- ベストアンサー
HTMLリンク先を別フレームに表示する方法
- HTMLリンク先を別フレームに表示する方法についてご紹介します。
- HTMLのtarget属性を使用して、リンク先を別フレームに表示することができます。
- ただし、ターゲット先の名前が間違っていたり、存在しなかったりする場合は、新しいタブが追加されることがあります。
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
index.html <!DOCTYPE HTML PUBRIC"-//W3C//DTD HTML 4.01 Frameset//EN"> <html> <head> <title>ホームページタイトル</title> </head> <frameset cols="20%,*"> <frame src="menu.html" name="menuf"> <frame src="mein.html" name="migif"> (meinなんですか? mainじゃなくて?) </frameset> </html> menu.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <title>フレーム1</title> </head> <BODY> フレーム1 </BODY> </HTML> mein.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <title>フレーム2</title> </head> <BODY> フレーム2 </BODY> </HTML> この記述で、同一フォルダに入っていれば表示できましたよ。 ファイル名を間違えているとかはないですか??
その他の回答 (1)
- hime_mama
- ベストアンサー率32% (1542/4716)
target名称はあっているようなので、フレームセットの記述を確認してみてください。 http://www.htmq.com/html/frame.shtml HTMLタグリファレンスより <head><title>フレーム使用例</title></head> <frameset rows="100,*"> <frame src="frame_ue.htm" name="ue"> <frameset cols="150,*"> <frame src="frame_hidari.htm" name="hidari"> <frame src="frame_migi.htm" name="migi"> </frameset> <noframes> このページはフレームを使用しています。 </noframes> </frameset>
お礼
さっそくの回答、本当にありがとうございます。 いくつか質問したいので、続きの内容を見ていただけると嬉しです。 よろしくお願いします。
補足
さっそく回答ありがとうございます!! 見直したところいくつか違うところがあります。 下記が入れ物フレームの内容です -------------------------------------------- <!DOCTYPE HTML PUBRIC"-//W3C//DTD HTML 4.01 Frameset//EN"> <html> <head> <title>ホームページタイトル</title> </head> <frameset cols="20%,*"> <frame src="menu.html" name="menuf"> <frame src="mein.html" name="migif"> </frameset> </html> ---------------------------------------------- (1)<!DOCTYPE HTML...>は不要でしょうか? (2) <noframes> このページはフレームを使用しています。 </noframes> 上記部分が抜けているのも原因でしょうか? 今はネットカフェにいます。自分のホームページをすぐに修正して試すことができないので、 後程試してみますが、上記の入れ物フレーム内容はメモを急ぎ入力してみました。 上の(1)(2)以外にも修正したほうが良い個所があれば、ぜひ教えて下さい。 どうぞよろしくお願いします。
補足
失礼しました、追記を書き間違えました mein.htmlではなくmain.htmlでした。 また、name=”migi”ではなくname=”mainf”でした 紛らわしい追記、申し訳ありませんでした 実際に試して頂いたんですね! しかも成功した内容まで頂いて 本当にありがとうがざいます! 参考にさせて頂きながら、再確認をします。 お手間かけてしまいましたが、 本当に助かりました hime_mamaさん、ありがとうございます