请设计一个针对 HTML、CSS、JS 和图片资源的浏览器缓存策略，并说明各类型资源缓存时间的设定理由。

回答思路

1. 区分 HTML 与静态资源（CSS/JS/图片）的缓存策略
2. 理解并说明强缓存与协商缓存的配合使用
3. 针对不同类型资源给出合理的缓存时间与理由
4. 能说明文件名指纹或版本号对缓存更新的作用