隨著web應用程式的發展，頁面中包含的資料和檔案越來越多。對於一些重複使用的資料和文件，瀏覽器的快取機制可以有效地減少網路請求，提高使用者存取頁面的速度。在HTML中設定快取是一種簡單且有效的方式，以下我們就來介紹如何在HTML中設定快取。
一、為什麼要設定快取？
在瀏覽網頁時，每次頁面的載入都會觸發一次網頁請求，包括請求HTML、CSS、JavaScript等文件以及圖片、影片等其他資源。而網頁請求所需的時間往往是頁面載入速度的瓶頸，因此減少請求次數對於提升頁面載入速度至關重要。
這時候就需要瀏覽器的快取機制發揮作用。當使用者第一次要求頁面時，瀏覽器會將頁面中的資源（如CSS、JavaScript等檔案）快取起來。當使用者再次造訪頁面時，瀏覽器可以直接從快取中取得這些資源，而不必發起重新請求。這不僅可以減輕伺服器的負擔，還能大幅提升使用者的存取速度。
二、如何在HTML中設定快取？
在HTML中可以使用HTTP頭來控制使用快取的方式。常用的HTTP頭有Expires和Cache-Control。
Expires指定了日期或時間，瀏覽器會在該日期或時間之前將資源視為有效。如果在該日期或時間之後再次存取資源，瀏覽器便會重新要求該資源。
在伺服器端，可以透過在Response Headers中設定Expires來實現瀏覽器快取。例如，將Expires設為30天後的時間：
Expires: Fri, 16 Jul 2021 20:00:00 GMT
Cache-Control是更現代的控制快取的HTTP頭之一。透過Cache-Control，我們可以精細地控制快取的策略。
常用的Cache-Control屬性有：
例如，將Cache-Control設定為public，max-age為一週後的時間：
Cache-Control: public, max-age=604800
ETag是另一種控制快取的機制，它是一種根據回應內容產生的唯一識別碼。當瀏覽器請求資源時，伺服器將會把該資源的ETag值一併回到瀏覽器端。下次請求該資源時，瀏覽器透過If-None-Match將先前的ETag值傳送給伺服器，詢問資源是否已改變。
如果資源未改變，則伺服器傳回304 Not Modified回應，並在Response Headers中包含ETag；如果資源已經改變，則伺服器會傳回新的資源，並更新ETag。
在伺服器端，可以透過在Response Headers中設定ETag來實現瀏覽器快取。例如：
ETag: "1234"
三、設定快取的注意事項
在使用快取的同時，也需要注意以下幾點。
當快取設定了public屬性時，快取的內容可以被所有使用者訪問，包括瀏覽器的快取和代理伺服器的快取。因此，需要避免將私密資訊（如使用者密碼等）快取。
當頁面內容改變時，需要重新整理使用者瀏覽器的快取。此時，可以使用Cache-Control的max-age屬性，以秒為單位設定快取有效時間。
例如，將Cache-Control設定為max-age=0，即可強制瀏覽器重新要求資源並更新快取：
Cache-Control: max-age=0
對於大部分靜態資源（如圖片、CSS、JS等），可以將max-age設為較長時間，以提高運作效率。對於一些變化頻繁的動態資源，則應該使用ETag等機制，確保每次請求時都會更新資源。
總結：在
HTML中設定快取是提高頁面效能的常用方法之一。透過設定Expires、Cache-Control和ETag等HTTP頭，可以實現瀏覽器的快取機制，並提高使用者的存取速度。在設定快取時，需要注意快取的詳細設定以及各種資源的不同快取策略，以達到最佳效果。
以上是html設定快取的詳細內容。更多資訊請關注PHP中文網其他相關文章！
