私はまだ初心者ですが、以前こちらでフレームに関して相談したところ、非推奨なのでCSSを覚えましょう!と大変有難い教えを頂きました。頑張ってCSSを勉強しています。
ところがこの度どうしてもインナーフレームの様な形が必要になりましたが、<iframe>は勿論非推奨ですよね!?
ですので、CSSを使って、
div#frame{border:solid 1px #000000;width 300px;height200px;
overflow:scroll;}
とこんな感じで、作っておいて、HTMLの方に
<div id=frame>
(この間に<p>~</p>などで文章を書く)
</div>
と、インナーフレームの様に見えるこの形は成功したのですが、<p>~</p>の間の文章を外部HTMLファイルを参照したい場合はどのように書いたらいいのでしょうか?
画像なら
<p><img src="example.gif" alt="見本">見本</p>
等として参照する構文は分かるのですが、example.htmlを参照させるにはどうしたらいいでしょうか。
宜しくお願い致します。
No.1
- 回答日時:
>外部HTMLファイルを参照したい
外部HTMLを取り込むならiframeですね。
書式的に非推奨ですが、そもそもやりたい自体が非推奨なことなのですから
敢て書式だけ合わせる意味もないでしょう。
もう一つは、javascriptをつかって取り込むことも不可能ではないです。
場合によってはサーバー側の技術としてcgiやphpなども手段として有効です。
(この場合はssiなどが手っ取り早いでしょうか・・・)
ただ、スキル的に現状では厳しそうですのでお勧めできる段階には
ないです。
No.2ベストアンサー
- 回答日時:
<object>を使用すればよいかと。
参考URLのページの「OBJECTによるインラインフレーム」部分をご参照下さい。
参考URL:http://www.tees.ne.jp/~pokochan/html/object.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- JavaScript htmlとcssに関する質問です 3 2022/12/06 05:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ページが変わっても同じ音楽を...
-
画面の一部だけ更新したいので...
-
2つのページを重ねたい
-
pythonのエラーについての質問...
-
html リンクを別フレームに表...
-
インラインフレームのデメリット
-
<a href >タグのtarget属性に...
-
googleでホームページを検索し...
-
フレームを使ったページの全体...
-
フレームページが表示されない...
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLでページの余白を設定したい。
-
フレームが表示できません
-
ホームページビルダーのフレー...
-
フレームページでの更新(F5)...
-
どのページもすべて同じURLなの...
-
複数フレームへ同時にリンクを...
-
インラインフレームへのリンク...
-
URLを変えないで表示する方法
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
どのページもすべて同じURLなの...
-
フレーム内のPHPへPOSTで情報を...
-
pythonのエラーについての質問...
-
2つのページを重ねたい
-
フレームの片方だけを更新(リロ...
-
html 左メニューから右への表示...
-
URLを変えないで表示する方法
-
フレームページが表示されない...
-
スクロールできない
-
フレームで指定している送信先...
-
フレームが表示されない><
-
html リンクを別フレームに表...
-
ブラウザで4分割表示できますか?
-
直リンクとは。
-
frameの内容が表示されない
-
HTMLファイルの置き方による読...
-
CSSを使って画像をクリックする...
-
フレーム分割した全体をスクロ...
-
フレームの表示と非表示の切り替え
-
HPの一部に他のHPを表示
おすすめ情報