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

質問

WEBの知識は全くの初心者です。

１．複数のHTMLファイルにて、同じ文字を記載する必要がある場合、外部ファイルから参照する方法はどのようにしたら良いのですか？
（外部ファイルの文字を変更した場合に、複数のHTMLファイル内も変更するようにしたいのです）

２．また、画像を沢山掲載するサイトを作成したいと思っていますが、一枚一枚個別のページと、それらをまとめて表示する方法が知りたいです。

回答No.2

ORUKA1951

ご利用のサーバーがSSI(Server Side Include)認めていれば、単純に
<!--#include file="header.html" -->
または
<!--#include virtual="../header.html" -->
です。
　拡張子は.shtmlにしてください。(設定で変更はできます)

画像は、必ずサムネイルにして別ページを作製すると良いでしょう。

補足

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

回答No.1

think49

外部ファイル参照は 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を利用する方法もありますが、ユーザを制限するのでお勧めしません。

---
画像ファイルの個別参照、まとめて参照もサーバサイドスクリプトで実装できます。