我知道一种常见的实践是将CSS、JavaScript和图像文件的过期时间设置得很远,然后通过添加查询字符串(或更改文件名)确保所有浏览器在文件更改时立即获取最新内容,例如从这个链接:
<link rel="stylesheet" type="text/css" href="base.css">
,变为这个样子:<link rel="stylesheet" type="text/css" href="base.css?v=1234">
或者:
<link rel="stylesheet" type="text/css" href="base_1234.css">
那么在 css 文件中引用的图片呢?
// Inside base.css
background: url(/img/logo.png)
// Is this necessary(?):
background: url(/img/logo.png?v=1234)
当 base.css
的文件名更改为 base.css?v=1234
或 base_1234.css
时,/img/logo.png
是否会自动重新加载?
还有,在 img
标签的 src
属性中的图像呢?