HTML5中设置缓存策略在HTTP(S)环境下基本无效，现代浏览器完全忽略其Cache-Control、Expires、Pragma指令，缓存行为100%由服务端响应头决定。
直接说结论：HTML5 中用 <meta http-equiv> 设置网页缓存控制策略，在真实 HTTP(S) 环境下基本无效。浏览器加载 HTML 主文档时，完全以服务端返回的 HTTP 响应头（如 Cache-Control、Expires）为准，<meta http-equiv="Cache-Control"> 这类标签会被现代浏览器（Chrome/Firefox/Safari/Edge）明确忽略。
为什么 meta 的缓存指令不起作用
这不是浏览器“不支持”，而是设计使然：
- HTTP 缓存机制属于协议层行为，发生在 HTML 解析之前；响应头由服务器发出，浏览器必须优先遵循
-
http-equiv仅是 HTML 内部的模拟声明，不参与网络请求过程，也无法覆盖或干预实际响应头 - W3C 明确说明：
http-equiv的语义仅适用于无服务器环境（如file://双击打开），不适用于 HTTP 加载场景 - Chrome 从 2019 年起移除对
Cache-Control、Expires、Pragma三类http-equiv的解析逻辑；Firefox 和 Safari 同步跟进
哪些 http-equiv 值至今仍有效（但和缓存无关）
虽然缓存类失效了，以下几种 http-equiv 在主流浏览器中仍被识别并执行：
htmlppt.skill
下载
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">：声明字符集，广泛支持 -
<meta http-equiv="Refresh" content="5;url=/new-page.html">：触发跳转或重载（注意：不绕过目标页自身缓存） -
<meta http-equiv="Content-Security-Policy" content="default-src 'self'">：设置 CSP 策略（必须放在最前面） -
<meta http-equiv="X-UA-Compatible" content="IE=edge">：仅 IE 有效，现已无实际意义
真正可控的缓存方案在哪里
缓存策略必须在服务端配置，前端无法靠 HTML 标签“打补丁”：
立即学习“前端免费学习笔记（深入）”；
-
HTML 文档本身：建议设为
Cache-Control: no-cache, must-revalidate或no-store，配合ETag或Last-Modified实现协商缓存 -
JS/CSS/图片等静态资源：用内容哈希命名（如
main.a1b2c3.js）+Cache-Control: max-age=31536000, immutable实现强缓存 - 托管在 GitHub Pages、Netlify、Vercel 等平台？它们通常提供缓存头配置界面或
_headers/_redirects文件支持 - 检查是否生效：用
curl -I https://yoursite.com/page.html查看真实响应头，或在浏览器开发者工具 Network 面板观察 Headers → Response Headers
如果真没服务端权限，前端能做什么
当完全无法修改响应头（例如纯静态 CDN + 无自定义头能力），唯一可行的前端手段是URL 层面扰动：
- 页面跳转时加时间戳参数：
window.location.href = "index.html?t=" + Date.now() - 动态加载 iframe 或 script 时拼接随机查询参数，避免复用缓存副本
- 避免用
location.replace()作跳转——它不产生历史记录，但缓存行为与href完全一致 - 注意：
Math.random()不如Date.now()可靠，因毫秒级时间戳更难命中同一缓存键
