私はまだ初心者ですが、以前こちらでフレームに関して相談したところ、非推奨なので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.2ベストアンサー
- 回答日時:
<object>を使用すればよいかと。
参考URLのページの「OBJECTによるインラインフレーム」部分をご参照下さい。
参考URL:http://www.tees.ne.jp/~pokochan/html/object.html
No.1
- 回答日時:
>外部HTMLファイルを参照したい
外部HTMLを取り込むならiframeですね。
書式的に非推奨ですが、そもそもやりたい自体が非推奨なことなのですから
敢て書式だけ合わせる意味もないでしょう。
もう一つは、javascriptをつかって取り込むことも不可能ではないです。
場合によってはサーバー側の技術としてcgiやphpなども手段として有効です。
(この場合はssiなどが手っ取り早いでしょうか・・・)
ただ、スキル的に現状では厳しそうですのでお勧めできる段階には
ないです。
お探しの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ランキング
-
HTMLファイルの置き方による読...
-
どのページもすべて同じURLなの...
-
フレーム分割した全体をスクロ...
-
URLを変えないで表示する方法
-
フレームで指定している送信先...
-
スタイルシートで背景画像を固...
-
HPの一部に他のHPを表示
-
リンクの禁止事項の意味を教え...
-
fc2ホームページでフレームページ
-
インラインフレーム内のマウス...
-
スクロールできない
-
フレームで背景画像を継ぎ目な...
-
ホームページの写真が表示されない
-
リストの項目を隠す/表示する方...
-
HPのアップロード
-
、URL化させるにはどうしたらい...
-
Excelで、社外秘(閲覧のみ)と...
-
HTMLからフォルダを開きたい
-
Dreamweaverでページ全体が文字...
-
form action="#"
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
フレームの片方だけを更新(リロ...
-
pythonのエラーについての質問...
-
どのページもすべて同じURLなの...
-
2つのページを重ねたい
-
フレームが表示されない><
-
スクロールできない
-
スタイルシートで背景画像を固...
-
ブラウザで4分割表示できますか?
-
フレームページが表示されない...
-
WordファイルをHTMLに埋め込む方法
-
html 左メニューから右への表示...
-
CSSを使って画像をクリックする...
-
上下フレーム分割ページでプル...
-
URLを変えないで表示する方法
-
フレームの表示と非表示の切り替え
-
フレームあり、なしの違い
-
フレーム内に画像を表示する際...
-
違いを教えてください?
-
左フレームからのリンクを右フ...
-
インラインフレームへのリンク...
おすすめ情報