唯一合法的「每5秒重载」写法是content="5"；跳转需显式声明url=且无空格，如content="3;url=/login"；现代浏览器会拦截无用户交互的跳转，content="0.1"更稳妥。
content 属性必须是纯数字，否则整个 meta 标签会被浏览器忽略，页面既不刷新也不报错。
content="5" 是唯一合法的「每 5 秒重载」写法
浏览器对 content 值做纯字符串匹配，不校验、不容错。常见错误包括：
-
content="5.0"或content="5.5"：部分旧版 Android WebView 截断为5，Firefox 可能向上取整，Chrome 行为不一致——建议只用整数 -
content=" 5 "（首尾空格）：IE 和 Safari 移动端 PWA 中常被完全跳过 -
content="5s"或content="5秒"：非法字符导致标签失效，页面静默无反应 -
content="-1"或content="abc"：非正整数，浏览器直接丢弃该meta
真正生效的只有 content="5" 这一种格式。它表示「5 秒后向服务器重新请求当前 URL」，不是监听文件变化，也不是局部刷新。
想跳转？必须带 url=，且分号后零空格
只写 content="3" 永远不会跳转，只会刷新当前页。跳转必须显式声明 url=：
- ✅ 正确：
content="3;url=/login"（url=紧贴分号，无空格） - ❌ 失效：
content="3; url=/login"（分号后有空格，Safari 移动端 PWA 常忽略） - ❌ 失效：
content="3;url =/login"（=前有空格，IE 会当无效值） - ❌ 失效：
content="3;url=/login?next=%2Fhome"（未编码中文或特殊字符，解析中断）
相对路径以 HTML 文件所在位置为基准，不是地址栏当前 URL。比如 index.html 在 /app/index.html，那么 url=./about.html 解析为 /app/about.html，而非 /about.html。
Chrome 93+ 和 Firefox 会静默拦截无用户交互的跳转
即使 content 写对了，现代浏览器也可能不执行跳转：
- 页面刚打开、用户没点过、没触发过
keydown或click，content="0;url=...会被 Chrome 110+ 直接拦截，控制台显示Refresh is blocked due to user gesture requirement - 标签页在后台时，计时器可能暂停或跳过跳转，切回来才继续——但此时已超时，用户感知为“卡住”
-
content="0.1"是目前最稳妥的“立即跳转”写法，比0更大概率绕过拦截，又不至于高频触发
这种拦截发生在 HTML 解析阶段，JS 无法检测或补救。如果你依赖跳转逻辑，必须前置用户交互（哪怕只是自动 focus 一个隐藏 input）。
刷新 ≠ 热更新，也 ≠ 页面保活
meta http-equiv="refresh" 的本质是让浏览器丢弃当前 DOM、重发 HTTP 请求、重建整个页面。这意味着：
- SPA（React/Vue）里使用会导致路由状态、表单输入、滚动位置全部丢失
- Network 面板看不到“刷新请求”，因为它不走 fetch/XHR 栈，无法打断点或拦截
- 若服务端返回 304 Not Modified，浏览器仍会重渲染，但内容没变——这不是缓存失效，而是强制重载行为本身
- SEO 层面，Google 对
content≤ 1 的跳转会降权，视作潜在作弊
真正麻烦的从来不是写对那一行 meta，而是它绕过了所有前端生命周期管理，且一旦写入就不可取消。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
