• 締切済み

HTML内に外部ファイルから文字を参照する方法

WEBの知識は全くの初心者です。 1.複数のHTMLファイルにて、同じ文字を記載する必要がある場合、外部ファイルから参照する方法はどのようにしたら良いのですか? (外部ファイルの文字を変更した場合に、複数のHTMLファイル内も変更するようにしたいのです) 2.また、画像を沢山掲載するサイトを作成したいと思っていますが、一枚一枚個別のページと、それらをまとめて表示する方法が知りたいです。

  • HTML
  • 回答数2
  • ありがとう数0

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

ご利用のサーバーがSSI(Server Side Include)認めていれば、単純に <!--#include file="header.html" --> または <!--#include virtual="../header.html" --> です。  拡張子は.shtmlにしてください。(設定で変更はできます) 画像は、必ずサムネイルにして別ページを作製すると良いでしょう。

tackn881
質問者

補足

回答ありがとうございます。 こちらが今使用しているサーバーは、CGI・PHP・SSIには対応していないようです。 いろいろな方法があるようですが、何でこんなに厄介なんでしょうかね。。。 初心者には、なぜサーバーによってプログラムが稼動するかどうか違いがあるのか理解できません。 同じくインターネットビューワーによっても同様のことが起こるのか理解できません。 (っていうかややこしすぎます・・・)

  • think49
  • ベストアンサー率59% (285/482)
回答No.1

外部ファイル参照は PHP, Perl, node.js 等のサーバサイドスクリプトを使用します。 PHPなら file_get_contents を利用する方法がありますね。 http://php.net/manual/ja/function.file-get-contents.php HTML ならiframe要素がありますが、単純にそのまま参照するので用途に見合わないかもしれませんね。 http://www.html5.jp/tag/elements/iframe.html JavaScriotを利用する方法もありますが、ユーザを制限するのでお勧めしません。 --- 画像ファイルの個別参照、まとめて参照もサーバサイドスクリプトで実装できます。

関連するQ&A

  • HTMLでファイル参照のボタン

    HTML&JavaScriptで、WEBページを作成しています。 ファイルのアップロードを行うのに”参照”ボタンをつけているのですが、IEではボタン内に正しく”参照”と表示されるのですが、ネットスケープでは文字がはみ出てしまいます。 何かよい方法があれば教えてください。 ちなみにIEは5.1、NCは4.7です。

  • HTMLタグが書かれた外部ファイルを、HTMLファイルに読込みたい

    複数のHTMLファイル内で、同じHTMLタグを書く部分がいくつかあります。 それらのHTMLタグの部分を外部ファイルか何かにして、HTMLファイル内で読み込むようにすることは出来ますか? JavaScriptでは外部ファイル(jsファイル)の読み込みはできるようですが、HTMLではできないんでしょうか? ※尚、CSSではやりたい事は出来ませんでした。 共通化できるのはスタイルだけなので・・。 私が共通化したいのは、HTMLタグです。 例えば <TD>hogehoge</TD> や <IMG src="hoge.jpg"> などのタグを複数のHTMLファイルで共有する為に 外部ファイル化したいんですが そんなことって出来るのでしょうか・・? 上記のようなタグを複数のHTMLファイルで共通できる手段であれば、外部ファイルという形式じゃなくても別にいいのですが・・

    • ベストアンサー
    • HTML
  • 外部ファイルを別のHTMLファイルに表示したいと思います

    WEBページのHTMLファイルに外部のファイルから文字を読み込むことが出来たと思います。 Javascriptを使うのではなく、掲示板のようなCGIを利用したいと思うのです。 ホームページの作成にあまり詳しくない人が、HTMLファイルを書き換えてアップロードするのは難しいので、掲示板のように簡単に書き込めるCGIを設置して、そこに書込をすれば特定のページに文字や文章が貼り付けられる、という風に利用したいのです。 うろ覚えなのですが、 ・拡張子をHTMLからSHTMLにするということ ・表示したい部分のソースに<!--#exec cgi="○○.cgi"-->と加えるということ 等が条件だったと思います。 ○○.cgiの部分にあたるスクリプトがどこで公開されていたか、どんな物だったか記憶にないのですが、 ご存じの方があれば教えてください。

  • WebページのHTMLファイルを参照したいのですが…。

     GeocitiesのレンタルサーバーでHPを作成したいのですが、HTMLの知識がありません。なので、自分のイメージに近い任意のWebページを開いて其処のHPのHTMLファイルを調べてみたいと考えたのですが、そのようなことはまず可能なのでしょうか?可能ならばどうのような方法で見られるのでしょうか?  どなたか御存知の方、御回答を詳しく御願い致します。

  • HTMLファイルの文字化けについて

    ある会社のサーバーホスティングで、Webサーバ(Linux + Apache)を使っています。 最近になって、たまに文字化けが発生するようになりました。 【現象】 ・文字の一文字だけ化ける。 ・ブラウザの表示だけでなく、HTMLファイルに記載した文字も化ける。 ・同じ箇所が何度も化けることがある。 ・半角文字、全角文字、記号、、、など関係なく化ける文字は異なる。 スクリプトなども使っておらず、質素なHTMLだけのページで、HTML内に文字コード(Shift-JIS)の宣言もしていますが、突然化けが発生するので困っています。 何か原因のわかる方いらしゃいますでしょうか?

  • 外部からファイルを読み込んだページを作りたい

    HTMLページを作っているのですが以下のようなことは実現できないでしょうか。 (1)HTMLの"タイトル"に表示する文字列を、外部のテキストから読み込む。 (2)外部のテキストを更新すれば、(1)のHTMLの"タイトル"も変更される。 この様なHPを作りたいと考えています。 たとえば <title>こんにちわ</title> とべた打ちするのではなく、 titletext.txtというファイルに「こんにちは」と入力し、 <title></title>内にその内容(こんにちはという文字)を読み込むようにしたいです。

  • 外部参照の取り入れ方

    外部参照で膨大な量のファイルを取り込みたいのですが、 一括で取り込む方法はありますか? 1つずつやってみたのですが、数が多すぎて、ダブったり してしまいます。 Shiftを押しながらしても一度に複数の選択ができないので、 なんとか一気に取り込みたいのですが・・・ よろしくお願いします。 AutoCAD2000LTを使っています。

  • CSSの外部ファイルの作り方

    こんにちは、いつもはサイトのデザインをCSSで設定する時 HTMLファイルの<HEAD></HEAD>部分に書き込んでるのですが それらの量が段々多くなってきたので前ページ共通のCSSは外部ファイルでリンクさせようと思いました。 でも外部ファイルでCSSを作るのは初めてなので何分書き方などで少し分からないところがあります。 例えば1.文字の大きさ2.リンク下線消し3.行間の幅 などを指定する時これら全部を一つのCSSファイルに書いていいのですか? それとも一つのファイルには一つの設定しか書けないんでしょうか? あと、外部ファイルの場合<STYL>でまとめなくてもいいらしいのですが、もし一つのファイルに複数の設定を書けるなら その場合は一行あけて書いたりするのでしょうか? そして、これらCSSの外部ファイルにリンクさせたHTMLファイルの <HEAD>部分に後から他のCSSを書き込んでもそれは反映されますか? いろいろ多くて少し分かりづらい説明かもしれませんがお願いします。

    • ベストアンサー
    • HTML
  • Htmlファイルの文字化け

    webページをHtmlファイルを保存したら画像のように文字化け(数字化け?)しています。 いくつかのwebサイトで試したけど同じでした。 6年前くらいに保存したHTMLファイルを開いたら普通に表示されました。 ブラウザはchrome、エッジ、firefoxいずれも試しましたが同じ症状になります。どうやったら治りますでしょうか?

  • エクセルの外部参照について

    仮に『ファイルA』と『ファイルB』と言う2つのファイルが USBメモリー内に有る事として質問致します。 Aには、Bを参照元(リンク先)として計算式を入力してあります。 AをPCにコピーしてUSBメモリーは挿したままの状態の場合,外部参照は機能していますが USBを取り外しても外部参照が機能しています。 参照元のファイルが無いのに、何故外部参照が機能するのでしょうか。 USBを外した場合、外部参照を機能しなくなる方法を教えて下さい。

専門家に質問してみよう