CSS リンクに「?」とクエリ文字列が含まれる場合があるのはなぜですか?

「?」の目的は何ですか? CSS リンク内?

HTML では、 を使用して外部 CSS ファイルを含めるのが一般的です。要素。次のような構文が表示される場合があります。

<link href="/Content/all.min.css?d=20090107" rel="stylesheet" type="text/css" />

一見不可解に見える「?d=20090107」部分は、ブラウザが CSS ファイルの最新バージョンを確実にダウンロードする上で重要な役割を果たします。

「？」文字はクエリ文字列の始まりを示します。この場合、サーバーは「?d=」パラメータを無視し、通常どおり「/Content/all.min.css」を提供します。ただし、クエリ文字列は重要な目的を果たします。

バージョン管理:

クエリ文字列内の日付 (20090107) により、CSS ファイルが更新されたときに、ブラウザは新しいバージョンをダウンロードすることを認識しています。この一意の識別子がないと、CSS ファイルが変更されている場合でも、ブラウザは CSS ファイルのキャッシュされたバージョンを使用する可能性があります。

一意の識別子を追加すると、ブラウザは更新された CSS ファイルを強制的にダウンロードします。これは、CSS ファイルがプログラムで生成される動的 Web サイトで特に役立ちます。

リロードの確保:

Web サイトのパフォーマンスを最適化するプロセスで、サーバーは有効期限または有効期限を追加する場合があります。特定のファイル (CSS など) を指定された期間キャッシュする必要があることを示す Cache-Control ヘッダー。これにより、サーバーの負荷が軽減され、ページの読み込みが高速化されます。

ただし、CSS ファイルに変更を加える場合は、ユーザーが更新されたバージョンをダウンロードするようにする必要があります。クエリ文字列に一意の識別子を追加すると、キャッシュ メカニズムがバイパスされ、ブラウザに CSS ファイルの再読み込みが強制されます。

結論として、「?」 CSS リンクでは、ブラウザが CSS ファイルを処理する方法を制御するのに役立つクエリ文字列を開始します。これにより、キャッシュが有効になっている場合でも、ユーザーは常に最新バージョンの CSS ファイルを取得できるようになります。

以上がCSS リンクに「?」とクエリ文字列が含まれる場合があるのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。