html - ハッシュ記号で始まる PNG ファイルへのリンク

Question

ディレクトリに 2 つの画像ファイルがあります。1 つが呼び出されabc1.png、もう1 つが呼び出され#abc1.pngます。

私がする時

<img src="abc1.png" alt="Figure">

私のHTMLファイルでは、正常に動作します。しかし、私がするとき

<img src="#abc1.png" alt="Figure">、

画像が表示されません。それはなぜです？

Answer 1

HTML では、# 記号はドキュメント内の名前付きアンカーへの参照です。ブラウザにそれを探すように指示しています。代わりに、# の URI エンコード バージョンを使用します。

<img src="%23abc1.png" alt="Figure">

設定によっては、二重にエンコードする必要がある場合があります。