在 CSS 中,有時會看到樣式表文件的擴展名后帶有參數,比如.css?v=1.1。這種情況下,參數是用來控制瀏覽器緩存的,當樣式表文件改變時,可以通過修改參數來強制瀏覽器重新加載樣式。
<link rel="stylesheet" type="text/css" href="style.css?v=1.1">
在上面的例子中,href 屬性指定了要加載的樣式表文件,而?v=1.1 則是參數部分。每當樣式表文件改變時,只需要修改參數的值,就能強制瀏覽器從服務器重新載入樣式表。
此外,還要注意的是,當瀏覽器發現有參數時,會認為這是一個新的文件,即使文件名相同,也會從服務器重新請求。因此,在使用帶參數的樣式表文件時,應該盡量避免使用不必要的參數值。
<!-- 不推薦的用法 -->
<link rel="stylesheet" type="text/css" href="style.css?v=20210801">
<link rel="stylesheet" type="text/css" href="style.css?v=20210802">
<!-- 推薦的用法 -->
<link rel="stylesheet" type="text/css" href="style.css?v=1">
<link rel="stylesheet" type="text/css" href="style.css?v=2">
總的來說,帶參數的樣式表文件可以讓我們更好地控制瀏覽器緩存,提高網頁加載速度,但是要注意避免使用不必要的參數值。
上一篇html5塊元素代碼
下一篇zuul css