1. ホーム
  2. html

[解決済み] <img src="#"> HTMLにおける意味?

2022-03-04 18:58:29

質問

私のHTMLには以下のようなコードがあります。

<img src="#" alt="image alternative text" />

とは何ですか? src="#" の意味は?なぜなら、HTMLでは、空の src 属性で指定します。また、その属性がない場合、Visual Studio 2012はサジェストを投げます。

ありがとうございます

解決方法は?

src属性で画像を読み込ませたくない場合(後で動的に画像を読み込む可能性がある)、srcを空に設定する必要があります。しかし、そのようにしても、ブラウザはサーバーに呼び出しを行います。

srcが空の場合のブラウザの動作(ソースはこちら。 http://developer.yahoo.com/performance/rules.html )

Internet Explorerは、そのページが存在するディレクトリにリクエストを行います。 があります。SafariとChromeは、実際のページに対してリクエストを行います。 そのものです。Firefox 3 以前のバージョンでは、Safari や Chromeでは、バージョン3.5でこの問題[bug 444931]に対処し、今後はありません。 はリクエストを送信します。Operaは、空の画像srcがあった場合、何もしません。 に遭遇しました。

サーバーへの不要な呼び出しを避けるため、空の src を使用する代わりに。 src="#" を使用すると、ハッシュURLを形成し、ハッシュURLはサーバに送信されないようにすることができます。

例えば、ベースとなるURLが: http://mysite.com/myapp/

src="" -> 絶対的なURLです。 http://mysite.com/myapp/

src="#" -> 絶対的なURLです。 http://mysite.com/myapp/ #