img タグの src 属性値が空の場合の 2 つのリクエストの問題 (IE 以外のブラウザ)

img タグの src 属性値が空の場合の 2 つのリクエストの問題 (IE 以外のブラウザ)
img src 値が空の場合、リクエストが 2 つ行われます。一部の学生は以前に同様の状況に遭遇したことがあるかもしれません。<img src=''> のようなタグがある場合、ページに対して追加のリクエストが行われます。
記事を分析した結果、埋め込みやリンクなど、外部ファイルを積極的に導入するタグはすべてこの問題を抱えているのではないかと思います。
そこで実験により検証しました。
以下は予備的な結論です
タグ/リクエスト/ブラウザIE FF、サファリ、クローム
画像2 2
埋め込み1 2
背景: url 1 2
リンク1 2
入力タイプ='画像' 2 2
スクリプト1 2
サウンド2

注記
1. IE と Firefox の 2 つのリクエストでは、リクエストされるページが異なります。
IE: リクエストは、img タグなどのアクセスされたファイルが配置されているディレクトリに対するもので、2 番目のリクエストは http://www.xxxx.cn/test/ です。
FF、Safari、Chrome: 要求されたファイルはアクセスされているファイルです

2. 埋め込みタグの場合、上記の説明は type が空でない場合です。type が空の場合、FF は 1 を要求し、IE は type の値に応じて異なる応答をします。

3. 上記のタグに src="" が含まれていない場合、二次リクエストは発生しません。

<<:  この記事では、Viteがブラウザのリクエストに対して何を行うかを説明します。

>>:  docker-compose で Jenkins をインストールする際の実践的なメモ

推薦する

Linux でスレッドを作成するための pthread_create の具体的な使用法

pthread_create関数機能紹介pthread_createはUNIX環境のスレッド作成関数...

CentOS サーバーの時間を北京時間に変更する方法

1. VPSとCentOSシステムを購入しましたが、サーバーの時間が北京時間と一致せず、時差があるこ...

docker イメージのプル速度が遅い問題の解決策

現在、Docker には中国向けの公式ミラーがあります。詳細については、https://www.do...

Ubuntu仮想マシンでシリアル通信にcutecomを使用する方法

Ubuntu仮想マシンでのシリアル通信にcutecomを使用する1. cutecomをインストールす...

DockerはMysql、.Net6、Sqlserverなどのコンテナをデプロイします

目次CentOS 8にDockerをインストールする1. yumを更新する2. containerd...

ウェブサイトがhttpsを有効にした後のSSLのセキュリティ構成と検出

最近のウェブサイトでは SSL を有効にするのが標準となっています。ただし、SSL を設定した後も、...

JS クロスドメイン XML - AS URLLoader を使用

最近、機能拡張の要件を受け取りました。ただし、新しい要件で参照されているデータインターフェイスは、X...

この記事では、6つの負荷分散技術の実装方法をまとめます(要約)

ロード バランシングは、サーバー クラスタの展開でよく使用されるデバイスです。マシンのパフォーマンス...

シンプルな HTML ビデオ プレーヤーを実装する方法

この記事では、シンプルな HTML ビデオ プレーヤーを実装する方法を紹介し、皆さんと共有します。詳...

指定したディレクトリに nginx をインストールする方法の例

会社の要件により、異なる場所にある 2 つの nginx サーバーを同じマシンにインストールする必要...

単一のdivの正多角形変換を実現する純粋なCSS

前回の記事では、beforeとafterの擬似要素を使用してMaterial Designスタイルの...

docker を使用した pxc クラスターのインストールに関する詳細なチュートリアル

目次序文事前準備ディレクトリを作成するcustom.cnf を作成する証明書を作成するpxc クラス...

XHTML 入門チュートリアル: Web ページのヘッダーと DTD

ヘッドと DTD はページには表示されませんが、Web ページの重要な要素です。 なぜ失敗したのでし...

Vue 開発者向けの VSCode 拡張機能ベスト 7

適切な VS Code 拡張機能を Visual Studio に追加すると、開発者としての作業がは...

React Native が「NSArray<id<RCTBridgeModule>>型のパラメータを初期化できません」というエラーを報告する (解決方法)

最近、古い RN プロジェクトを Xcode で実行すると、次のコード エラーが報告されました。 &...