ページがディスク上でアクセスされているときにHTMLドキュメント内のイメージを参照するにはどうすればよいですか？

Question

ウェブページをローカルに作成してハードディスクに配置したところ、期待どおりに機能していないことがわかりました。私のウェブサイトのためのすべてのコードは次の形式で構成されています

default.htmlの 画像/ TPC/.... [ここにすべての画像] JSを/ [すべてのファイルをJSこちら]

そして、私のHTMLこのようなものになります。

file:///C:/images/tpc/slide-butn.png 

：他の人が自分のディスクからにdefault.htmlページを開くと

<li> 
    <a href="javascript:void(0)"> 
     <img alt="" height="16" src="/images/tpc/slide-butn.png" width="15"> 
    </a> 
</li> 

これは、問題を作成しているが、私は画像のリンクが呼ばなっていると仮定します0

この問題を解決する方法はありますか？

Answer 1

相対URLを試しましたか？

<img alt="" height="16" src="images/tpc/slide-butn.png" width="15"> 

Answer 2

相対パスを使用してみてください：

src="images/tpc/slide-butn.png" 

（最初省略スラッシュ）

Answer 3

ほとんどのウェブサイトは、単にランダムなファイルを開かない、Webサーバを使用してテストする必要があります。ファイルを直接開くことができるように、必ず「修正」する方法はありません。 URLが「/」で始まる場合は、ドメイン相対URLがどのファイルに表示されるかに応じて、相対URLとは異なる効果を持つ可能性のあるファイルが提供されているドメインからの相対パスになります。私の提案は、あなたのウェブサイトをテストするための標準的な仕組み、例えば実際のウェブサイトと同様の設定でデモウェブサーバーを起動できるコマンド、またはいくつかの共有テストサーバーを開発することです。

すべてを相対URLに変更しても、Webサーバー、Cookie、ダイナミックページやインタプリタのページ、MIMEタイプなど、ある時点で設定されたヘッダーには同様の問題が発生します。テストWebサーバーを使用するのではなくファイルを開くだけなので、今弾丸に噛み付く可能性があります。

Answer 4

先行するスラッシュを削除して、ファイルの保存場所に関連してURLを作成する必要があります。例えば

あなたのイメージがあなたのhtmlファイルがあるディレクトリにある画像という名前のディレクトリにある場合は、正しいURLは

<img alt="" height="16" src="images/tpc/slide-butn.png" width="15"> 

だろうこれは、あなたが同じディレクトリにあるimagesディレクトリに見て言いますファイル。先頭のスラッシュを使用すると、ブラウザはルートを検索します。ウェブサイトには最適ですが、ローカルディレクトリにはあまり適していません。

relative and absolute urlsのこの記事はあなたに良い説明を与えるはずです。