html檔案的head中的快取設定
瀏覽器中關於cache的3屬性:
cache-control:
設定相對過期時間, max-age指明以秒為單位的快取時間. 若對靜態資源只快取一次, 可以設定max-age的值為315360000000 (一萬年).
http協議的cache-control的常見取值及其組合釋義:
no-cache: 資料內容不能被快取, 每次請求都重新訪問伺服器, 若有max-age, 則快取期間不訪問伺服器.
no-store: 不僅不能快取, 連暫存也不可以(即: 臨時資料夾中不能暫存該資源)
private(預設): 只能在瀏覽器中快取, 只有在第一次請求的時候才訪問伺服器, 若有max-age, 則快取期間不訪問伺服器.
public: 可以被任何快取區快取, 如: 瀏覽器、伺服器、**伺服器等
max-age: 相對過期時間, 即以秒為單位的快取時間.
no-cache, private: 開啟新視窗時候重新訪問伺服器, 若設定max-age, 則快取期間不訪問伺服器.
private, 正數的max-age: 後退時候不會訪問伺服器
no-cache, 正數的max-age: 後退時會訪問伺服器
點選重新整理: 無論如何都會訪問伺服器.
expires:
設定以分鐘為單位的絕對過期時間, 優先順序比cache-control低, 同時設定expires和cache-control則後者生效.
last-modified:
該資源的最後修改時間, 在瀏覽器下一次請求資源時, 瀏覽器將先傳送乙個請求到伺服器上, 並附上if-unmodified-since頭來說明瀏覽器所快取資源的最後修改時間, 如果伺服器發現沒有修改, 則直接返回304(not modified)回應資訊給瀏覽器(內容很少), 如果伺服器對比時間發現修改了, 則照常返回所請求的資源.
注意:last-modified屬性通常和expires或cache-control屬性配合使用, 因為即使瀏覽器設定快取, 當使用者點選」重新整理」按鈕時, 瀏覽器會忽略快取繼續向伺服器傳送請求, 這時last-modified將能夠很好的減小回應開銷.
etag將返回給瀏覽器乙個資源id, 如果有了新版本則正常傳送並附上新id, 否則返回304， 但是在伺服器集群情況下, 每個伺服器將返回不同的id, 因此不建議使用etag.
以上描述的客戶端瀏覽器快取是指儲存位置在客戶端瀏覽器, 但是對客戶端瀏覽器快取的實際設定工作是在伺服器上的資源中完成的. 雖然剛才我們介紹了有關於客戶端瀏覽器快取的屬性, 但是實際上對這些屬性的設定工作都需要在伺服器的資源中做設定. 我們有兩種操作手段對瀏覽器快取進行設定, 乙個是通過頁面指令宣告來設定, 另外乙個是通過程式設計方式來設定.
HTML中的Head標籤學習
head 標籤是 元素的內容。不像 元素的內容可以顯示在瀏覽器中，head 的內容不會在瀏覽器中顯示，它的作用是包含一些頁面的元資料。在下面的例子中，head 的內容很少。當然，在大型的頁面中，head 會包含很多的元資料。你可以用 developer tools 去檢視你喜歡的網頁的 head 的...
HTML中head標籤內容介紹
在利用vscode編寫 時，我們利用vscode的 鍵自動生成頭部 時，會自動生成以下內容 對於中的內容又有什麼意義，標籤用於定義文件的頭部，頭部描述了文件的各種屬性和資訊，包括文件的標題 在 web 中的位置以及和其他文件的關係等。絕大多數文件頭部包含的資料都不會真正作為內容顯示給讀者。在標籤中，...
前端 HTML的head標籤學習
網頁中所有的標籤都是通過 標籤名 網頁標題標籤，告訴瀏覽器使用什麼標題顯示網頁 中文標題亂碼的解決辦法 meta charset utf 8 網頁解析編碼格式配置 html5 告訴瀏覽器使用指定的編碼格式開啟 content type content text html charset utf 8 ...