Meta refresh 跳转会触发页面重载而非单页导航，导致 JS 状态、滚动位置、表单输入全部丢失，且无法被 JS 中断、不走 history API、不触发 beforeunload，在 iOS WebView 中可能被静默忽略；其 content 属性格式必须严格为“秒数;url=地址”，分号为英文半角、url= 小写、无空格、推荐绝对路径；延迟为 0 虽可立即跳转，但无过渡控制能力，无法添加 loading 提示、上报埋点或条件拦截；性能上绕过预加载优化，SEO 易致重复内容，WCAG 认为其违反用户可控原则，仅应在服务端重定向不可用时谨慎使用，并需提供手动回退链接。
meta refresh 跳转会触发页面重载，不是单页导航
用 http-equiv="refresh" 做跳转，浏览器会强制重新加载目标 URL，整个页面生命周期重启，所有 JS 状态、滚动位置、表单输入都会丢失。它和 location.href 或前端路由跳转有本质区别，别误当 SPA 导航用。
常见错误现象：setTimeout(() => { location.href = '/new' }, 3000) 和 <meta http-equiv="refresh" content="3;url=/new"> 看似效果一样，但后者无法被 JS 中断、不走 history API、不触发 beforeunload，且在部分 iOS WebView 中可能被静默忽略。
content 属性格式必须严格为「秒数;url=地址」或「秒数;url=地址」
参数顺序和符号不能错：分号是英文半角，url= 必须小写，等号前后不能有空格，路径建议用绝对路径避免相对解析歧义。
-
<meta http-equiv="refresh" content="5;url=https://example.com/">✅ -
<meta http-equiv="refresh" content="5; URL=/login">❌（大写 URL、相对路径在子目录下易出错） -
<meta http-equiv="refresh" content="5, url=/home">❌（逗号代替分号，完全无效） -
<meta http-equiv="refresh" content="0;url=javascript:alert(1)">❌（现代浏览器已禁用 javascript: 协议跳转）
延迟为 0 时等同于立即跳转，但无过渡控制能力
设成 content="0;url=/done" 确实能“秒跳”，但无法加 loading 提示、无法上报跳转前埋点、无法做条件拦截（比如检查表单是否已保存）。如果业务需要用户感知或可取消，必须改用 JS 控制。
立即学习“前端免费学习笔记（深入）”；
性能影响：即使延迟为 0，页面仍会完成当前 HTML 解析和 CSSOM 构建才触发跳转，比内联 script 执行略慢几毫秒；更重要的是，它绕过了浏览器的预加载器优化，<link rel="prefetch"> 对这类跳转无效。
SEO 和可访问性风险常被忽略
搜索引擎爬虫通常不执行 JS，但会识别并遵循 meta refresh，可能将跳转页当作原始页的副本处理，导致重复内容问题。WCAG 也明确指出自动跳转违反“用户可控”原则，尤其对屏幕阅读器用户不友好。
合规做法：仅在服务端重定向不可用的极少数场景（如纯静态页需跳转）使用；必须搭配 <a href="/new">若未跳转，请点击此处</a> 提供手动回退入口；避免在 <noscript> 外单独依赖它。
真正复杂的地方不在语法，而在于你是否意识到：这个标签一贴上去，就交出了页面控制权——JS 拦不住，用户停不下，SEO 理不清，无障碍也绕不开。
