為什麼 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 檔案的動態網站中特別有用。

確保重新載入：

在最佳化網站效能的過程中，伺服器可能會新增Expires 或Cache-Control 標頭指示某些檔案（如CSS）應緩存指定的持續時間。這有助於減少伺服器負載並加快頁面載入速度。

但是，當您對 CSS 檔案進行變更時，您希望確保使用者下載更新的版本。透過在查詢字串中新增唯一標識符，您可以繞過快取機制並強制瀏覽器重新載入 CSS 檔案。

總之，「？」 CSS 連結中啟動一個查詢字串，幫助控制瀏覽器處理 CSS 檔案的方式。它確保用戶始終獲得最新版本的 CSS 文件，即使啟用了快取也是如此。

以上是為什麼 CSS 連結有時包含 \'?\' 和查詢字串？的詳細內容。更多資訊請關注PHP中文網其他相關文章！