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 をインストールする際の実践的なメモ

推薦する

MySQL データベースの基本的な SQL ステートメントの概要

この記事では、例を使用して、Mysql データベースの基本的な SQL ステートメントについて説明し...

Apache Bench で Web ストレス テストを実装する方法

1. Apache Benchの紹介ApacheBench は、Apache サーバーに付属する W...

Web デザインの経験: 独善的な Web デザイナー

1. ゴミかクラシックか? Web テクノロジーは急速に更新されており、Web サイトのインターフェ...

Centos7 ベースの Nginx Web サイト サーバーの構築の詳細説明 (仮想 Web ホストの構成を含む)

1. Nginx サービス基盤Nginx (エンジン x) は、パフォーマンスの最適化のために特別...

HTML チュートリアル: title 属性と alt 属性

XHTML は CSS レイアウトの基礎です。jb51.net は常に XHTML 知識の習得を重視...

CSS における重要なカスケード概念の詳細な説明

最近、プロジェクトの過程で問題に遭遇しました。メニューバーを常に上部に表示し、後続の要素をその下に表...

MySQL のデフォルトのストレージ エンジンを変更する方法

mysql ストレージ エンジン: MySQL サーバーはモジュール スタイルを採用しており、特にス...

MySQL 8.0 のメモリ消費の詳細な分析

目次1. innodb_buffer_pool_size 2. innodb_log_buffer_...

MySQL インデックスの左端原則のサンプルコード

序文最近、MySQL のインデックスについて読んでいました。結合されたインデックスを見ると、左端の原...

JS で列挙をシミュレートする方法

序文現在の JavaScript には列挙の概念がありません。一部のシナリオでは、列挙を使用するとデ...

Docker を使用した nextcloud パーソナル ネットワーク ディスクの構築に関するチュートリアル

目次1. はじめに2. 導入環境ツール4. 展開プロセス要約する1. はじめにNextcloud は...

Linux に Python 3.8.1 をインストールするための詳細なチュートリアル

この例では、Linux への Python 3.8 のインストールを例に挙げます。 1. 依存パッケ...

MySQLはgroup_concat()関数に基づいて複数のデータ行を結合します

非常に便利な機能group_concat() について、マニュアルには次のように記載されています: ...

MySQL テーブル全体の暗号化ソリューション keyring_file の詳細な説明

例示するMySql Community Edition は、5.7.11 以降、テーブルベースのデー...

JavaScript におけるさまざまなバイナリオブジェクトの関係の詳細な説明

目次序文さまざまなオブジェクト間の関係配列バッファ型付き配列Uint8ClampedArray文字間...