http-equiv="refresh"仅在标签中有效，模拟http响应头；不跳转主因是浏览器拦截（如chrome93+静默忽略无用户交互跳转）或content格式错误（须为“秒数;url=地址”，分号后无空格、url=小写、推荐绝对url）。
http-equiv="refresh" 不是 HTML 元素的属性，而是 <meta> 标签的特定用法——它模拟 HTTP 响应头行为，只能在 <meta> 中生效，写在其他标签上（比如 <div http-equiv="refresh">）完全无效。
<h3>为什么 <code>http-equiv="refresh" 有时不跳转也不刷新
常见错误不是代码写错，而是浏览器主动拦截或解析失败：
- Chrome 93+ 会静默忽略无用户交互的跳转，比如页面刚打开、没点过任何地方、或在后台标签页中触发
-
content值格式不对：必须是"秒数;url=地址"，分号后不能有换行，空格在部分旧浏览器中敏感（如 IE） - 写了
content="2; url=/login"却漏了引号，或写成content=2;url=/login（缺少外层引号），IE 和 Safari 可能直接忽略整条 meta - 目标 URL 是相对路径但当前页面 URL 结构复杂（如带 hash 或 query），导致解析出错，例如当前页是
/admin/?tab=1#log，url=./home.html会拼成/admin/?tab=1#log./home.html
content 参数怎么写才不会被浏览器拒掉
现代浏览器对 content 的解析极机械，容错率低：
- 秒数支持小数（如
"0.5"），但 Chrome 98+ 会拦截"0"跳转，"1"是最低安全值 - 必须用英文分号
;分隔，不能用中文分号、逗号或空格代替 -
url=必须小写、紧贴分号，后面跟的地址建议用绝对 URL（含协议），避免跨域或协议不一致问题 - 如果 URL 含 query 参数，必须提前编码：
url=/search?q=hello%20world，而不是url=/search?q=hello world
刷新和跳转的区别，一不留神就搞反
只看 content 值就能判断行为，不需要查文档：
-
content="5"→ 5 秒后重新请求并渲染当前页面（等效按 F5），DOM、表单输入、滚动位置全丢 -
content="5;url=/dashboard"→ 5 秒后丢弃当前页，加载新 URL，history.pushState 不会触发，「返回」可能白屏（bfcache 已被 Chrome 95+ 禁用） -
content="0;url=/login"在多数浏览器里会立即跳，但 Chrome 可能拦截；若页面 JS 报错或未完成解析，也可能卡住或白屏 - 多个
<meta http-equiv="refresh">标签，只有第一个生效，后面的被忽略
真正上线时，别只靠这一行 meta。它无法响应用户是否正在输入、页面是否可见、网络是否异常——这些都得靠 JS 补足。而一旦加了 JS，meta 就退化为兜底方案，仅用于 JS 加载失败或禁用的极端情况。
